首页 > 语言 > JavaScript > 正文

jquery ui对话框实例代码

2024-05-06 14:39:16
字体:
来源:转载
供稿:网友

目前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 });

         }

        );

    </script>

</body>

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选