编程 Javascript

jquery ui对话框实例代码

Posted in Javascript onMay 10, 2013

目前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上，这样当表单提交时，服务端就无法获取到对话框中的服务器控件相关的值了。

jquery ui对话框实例代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

使用ExtJS技术实现的拖动树结点

Aug 05 Javascript

JS无法捕获滚动条上的mouse up事件的原因猜想

Mar 21 Javascript

javascript特殊日历控件分享

Mar 07 Javascript

JS数组返回去重后数据的方法解析

Jan 03 Javascript

vue中阻止click事件冒泡,防止触发另一个事件的方法

Feb 08 Javascript

vue 实现类似淘宝星级评分的示例

Mar 01 Javascript

promise和co搭配生成器函数方式解决js代码异步流程的比较

May 25 Javascript

Vue引用Swiper4插件无法重写分页器样式的解决方法

Sep 27 Javascript

浅谈layui框架自带分页和表格重载的接口解析问题

Sep 11 Javascript

小程序点击图片实现png转jpg

Oct 22 Javascript

在 Vue 中编写 SVG 图标组件的方法

Feb 24 Javascript

vue-axios同时请求多个接口等所有接口全部加载完成再处理操作

Nov 09 Javascript

javascrip关于继承的小例子

May 10 #Javascript

jQuery ReferenceError: $ is not defined 错误的处理办法

May 10 #Javascript

解析瀑布流布局:JS+绝对定位的实现

May 08 #Javascript

JavaScript 对任意元素,自定义右键菜单的实现方法

May 08 #Javascript

深入document.write()与HTML4.01的非成对标签的详解

May 08 #Javascript

使用JavaScript 实现各种跨域的方法

May 08 #Javascript

jQuery根据纬度经度查看地图处理程序

May 08 #Javascript