jquery ui对话框实例代码

2020-05-22 16:09:05易采站长站整理

目前JqueryUI提供的对话框支持使用相对比较的方便,示例代码如下所示:

<body>
    <form id=”form1″ runat=”server”>


    <div id=”dlg”>


        <asp:TextBox ID=”TextBox1″ runat=”server”></asp:TextBox>


    </div>


       <asp:Button ID=”Showdlg” runat=”server” Text=”…” />


    </form>


    <script type=”text/javascript” language=”javascript”>


      $(function () {


             $(“#dlg”).dialog({


                autoOpen: false,


                closed: true,


                width: 450,


                modal: true,


                appendTo: “form”,


                buttons: {


                    “OK”: function () {


                        $(“form”).submit();


                    },


                    “Cancle”: function () {


                        $(this).dialog(“close”);


                    }


                },


                close: function () {


                }


            });


            $(“#<%=Showdlg.ClientID%>”).button().click(function() { $(“#dlg”).dialog(“open”); return false });