jquery ui对话框实例代码

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

jquery ui对话框实例代码

  2020-05-13 我要评论

目前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>


其中值得注意的是appendTo: "form"选项, JqueryUI Dialog默认情况向会将表示对话框的<div id="dlg">添加到Body上,这样当表单提交时,服务端就无法获取到对话框中的服务器控件相关的值了。

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们