编程 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 相关文章推荐

jquery tools之tooltip

Jul 25 Javascript

jquery 选择器引擎sizzle浅析

Feb 06 Javascript

javaScript实现浮点数转十六进制字符

Oct 29 Javascript

javascript中的取反再取反~~没有意义

Apr 06 Javascript

获取中文字符串的实际长度代码

Jun 05 Javascript

js实现带按钮的上下滚动效果

May 12 Javascript

jquery简单实现幻灯片的方法

Aug 03 Javascript

深入理解JavaScript中的call、apply、bind方法的区别

May 30 Javascript

总结Node.js中的一些错误类型

Aug 15 Javascript

JS完成画圆圈的小球

Mar 07 Javascript

解决vue组件中使用v-for出现告警问题及v for指令介绍

Nov 11 Javascript

node.js之基础加密算法模块crypto详解

Sep 11 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