背景:
阅读新闻

jquery popup数据传递

  作者: 今日评论: [字体: ]

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication1.WebForm2" %>


<!DOCTYPE html>


<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>


    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" />

    <script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>

    <script src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>


    <script>


        function popupWin()

        {

            var url = "/WebForm1.aspx";

            var newWin = window.showModelDialog(url, window, '');

            newWin.open();

        }


        function popUp()

        {

            var url = "/WebForm1.aspx";

            objSubWin = window.open(url, "Popup", "toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=0,width=600,height=500");

            objSubWin.focus();

        }


        function popUp2()

        {

            var url = "/WebForm1.aspx";

            opendialog(url);

        }


        //$("#somediv").click(function ()

        //{


        //});


        //https://api.jqueryui.com/dialog/#option-buttons


        function opendialog(page)

        {

            var $dialog = $('#somediv')

                .html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')

                .dialog({

                    title: "Page",

                    autoOpen: false,

                    dialogClass: 'dialog_fixed,ui-widget-header',

                    modal: true,

                    height: 600,

                    width: 500,

                    minWidth: 500,

                    minHeight: 400,

                    draggable: true,

                    /*close: function () { $(this).remove(); },*/

                    //buttons: { " Ok ": function () { $(this).dialog("close"); } }

                });


            // Getter

            //var buttons = $(".selector").dialog("option", "buttons");


            // Setter

            $dialog.dialog("option", "buttons",

                [

                    {

                        text: "Ok",

                        height: 35,

                        width: 80,

                        click: function ()

                        {

                            $(this).dialog("close");

                        }


                        // Uncommenting the following line would hide the text,

                        // resulting in the label being used as a tooltip

                        //showText: false

                    }

                ]

            )


            $dialog.dialog({

                beforeClose: function (event, ui)

                {

                    //if (!confirm("Close dialog ?")) return false;

                }

            });


            $dialog.dialog("option", "closeText", "");

            $dialog.dialog('open');

        }


    </script>

</head>

<body>

    <form id="form1" runat="server">

        <div>

            <input id="Button1" type="button" value="button" onclick="javascript: popUp();" />

            <input id="Button2" type="button" value="button" onclick="javascript: popupWin();" />

            <input id="Button3" type="button" value="button" onclick="javascript: popUp2();" />

            <div id="somediv">

            </div>

        </div>

    </form>

</body>

</html>


来源:
录入日期:[2017/12/15 2:31:00]
收藏 推荐 打印 | 录入:mikebai | 阅读:
文章评论      
正在加载评论列表...
评论表单加载中...