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 相关文章推荐
用JavaScript实现UrlEncode和UrlDecode的脚本代码
Jul 23 Javascript
javascript算法学习(直接插入排序)
Apr 12 Javascript
jQuery-Tools-overlay 使用介绍
Jul 14 Javascript
javascript高级程序设计第二版第十二章事件要点总结(常用的跨浏览器检测方法)
Aug 22 Javascript
js+div实现图片滚动效果代码
Feb 10 Javascript
js实现表格字段排序
Feb 19 Javascript
JavaScript上传文件时不用刷新页面方法总结(推荐)
Aug 15 Javascript
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
element-ui 表格数据时间格式化的方法
Aug 24 Javascript
解决vue 引入子组件报错的问题
Sep 06 Javascript
layer弹出层自适应高度,垂直水平居中的实现
Sep 16 Javascript
JavaScript实现指定数量的并发限制的示例代码
Mar 10 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多用户计数器代码
2007/03/11 PHP
PHP中定义数组常量(array常量)的方法
2014/11/17 PHP
PHP中strcmp()和strcasecmp()函数字符串比较用法分析
2016/01/07 PHP
PHP转换文本框内容为HTML格式的方法
2016/07/20 PHP
Discuz论坛密码与密保加密规则
2016/12/19 PHP
图片自动缩小的js代码,用以防止图片撑破页面
2007/03/12 Javascript
jscript之Read an Excel Spreadsheet
2007/06/13 Javascript
javascript 写类方式之四
2009/07/05 Javascript
jquery 表格分页等操作实现代码(pagedown,pageup)
2010/04/11 Javascript
jquery插件之定时查询待处理任务数量
2014/05/01 Javascript
jquery滚动特效集锦
2015/06/03 Javascript
jquery中实现时间戳与日期相互转换
2016/04/12 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
2017/07/07 Javascript
详解Node项目部署到云服务器上
2017/07/12 Javascript
微信小程序实现根据字母选择城市功能
2017/08/16 Javascript
js+HTML5 canvas 实现简单的加载条(进度条)功能示例
2019/07/16 Javascript
[03:31]DOTA2英雄基础教程 大地之灵
2013/12/17 DOTA
[01:36:57]【09DOTA2第一视角】小骷髅
2014/04/16 DOTA
[01:05:52]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第一场 2月2日
2021/03/11 DOTA
用python读写excel的方法
2014/11/18 Python
Python文件去除注释的方法
2015/05/25 Python
Python实现进程同步和通信的方法
2018/01/02 Python
对python cv2批量灰度图片并保存的实例讲解
2018/11/09 Python
python 杀死自身进程的实现方法
2019/07/01 Python
python selenium登录豆瓣网过程解析
2019/08/10 Python
Python列表元素常见操作简单示例
2019/10/25 Python
python实现横向拼接图片
2020/03/23 Python
Pandas将列表(List)转换为数据框(Dataframe)
2020/04/24 Python
美国爆米花工厂:The Popcorn Factory
2019/09/14 全球购物
简述数据库的设计过程
2015/06/22 面试题
经营理念标语
2014/06/21 职场文书
党的群众路线教育实践活动对照检查材料(个人)
2014/09/24 职场文书
群众路线教育实践活动学习心得体会
2014/10/30 职场文书
幼儿园老师新年寄语2015
2014/12/08 职场文书
收费员岗位职责
2015/02/14 职场文书
大学生旷课检讨书1000字
2015/02/19 职场文书