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上,这样当表单提交时,服务端就无法获取到对话框中的服务器控件相关的值了。
Javascript 相关文章推荐
JS location几个方法小姐
Jul 09 Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
Nov 21 Javascript
探索Emberjs制作一个简单的Todo应用
Nov 07 Javascript
javascript克隆对象深度介绍
Nov 20 Javascript
jQuery getJSON()+.ashx 实现分页(改进版)
Mar 28 Javascript
ExtJS4如何给同一个formpanel不同的url
May 02 Javascript
JavaScript中的getTime()方法使用详解
Jun 10 Javascript
js实现人才网站职位选择功能的方法
Aug 14 Javascript
ReactNative列表ListView的用法
Aug 02 Javascript
如何编写一个d.ts文件的步骤详解
Apr 13 Javascript
Vue-不允许嵌套式的渲染方法
Sep 13 Javascript
vue data引入本地图片的两种方式小结
Nov 13 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
You might like
使用php计算排列组合的方法
2013/11/13 PHP
PHP FTP操作类代码( 上传、拷贝、移动、删除文件/创建目录)
2014/05/10 PHP
php单例模式的简单实现方法
2016/06/10 PHP
PHP实现十进制、二进制、八进制和十六进制转换相关函数用法分析
2017/04/25 PHP
jQuery移动和复制dom节点实用DOM操作案例
2012/12/17 Javascript
jquery实现多条件筛选特效代码分享
2015/08/28 Javascript
javascript实现数字倒计时特效
2016/03/30 Javascript
js判断复选框是否选中及选中个数的实现代码
2016/05/30 Javascript
基于JS实现导航条flash导航条
2016/06/17 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
2016/07/22 Javascript
javascript实现的左右无缝滚动效果
2016/09/19 Javascript
jquery——九宫格大转盘抽奖实例
2017/01/16 Javascript
微信小程序 页面跳转及数据传递详解
2017/03/14 Javascript
json 带斜杠时如何解析的实现
2019/08/12 Javascript
微信小程序 如何保持登录状态
2019/08/16 Javascript
基于javascript实现日历功能原理及代码实例
2020/05/07 Javascript
Python语言编写电脑时间自动同步小工具
2013/03/08 Python
python requests 使用快速入门
2017/08/31 Python
Python实现简单文本字符串处理的方法
2018/01/22 Python
Python实现PS滤镜的万花筒效果示例
2018/01/23 Python
python实现将excel文件转化成CSV格式
2018/03/22 Python
Python 利用内置set函数对字符串和列表进行去重的方法
2018/06/29 Python
python+numpy+matplotalib实现梯度下降法
2018/08/31 Python
python 获取页面表格数据存放到csv中的方法
2018/12/26 Python
python3利用ctypes传入一个字符串类型的列表方法
2019/02/12 Python
logging level级别介绍
2020/02/21 Python
python GUI库图形界面开发之PyQt5信号与槽基础使用方法与实例
2020/03/06 Python
HTML5 Video标签的属性、方法和事件汇总介绍
2015/04/24 HTML / CSS
关于html字符串正则判断和匹配的具体使用
2019/12/12 HTML / CSS
英国厨房与餐具用品为主的设计品牌:Joseph Joseph
2018/04/26 全球购物
如何用Python输出一个Fibonacci数列
2016/08/28 面试题
资产经营总监岗位职责范文
2013/12/01 职场文书
临床专业自荐信
2014/06/22 职场文书
环境科学专业教师求职信
2014/07/12 职场文书
《法国号》教学反思
2016/02/22 职场文书
Mysql Show Profile
2021/04/05 MySQL