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脚本 Node.js 使用入门
Mar 07 Javascript
javascript:window.open弹出窗口的位置问题
Mar 18 Javascript
详解JavaScript中数组的相关知识
Jul 29 Javascript
js创建jsonArray传输至后台及后台全面解析
Apr 11 Javascript
微信页面倒计时代码(解决safari不兼容date的问题)
Dec 13 Javascript
一个有意思的鼠标点击文字特效jquery代码
Sep 23 jQuery
vue-router相关基础知识及工作原理
Mar 16 Javascript
基于vue-ssr的静态网站生成器VuePress 初体验
Apr 17 Javascript
JavaScript轮播停留效果的实现思路
May 24 Javascript
js input输入百分号保存数据库失败的解决方法
May 26 Javascript
Django+Vue实现WebSocket连接的示例代码
May 28 Javascript
Javascript 模拟mvc实现点餐程序案例详解
Dec 24 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
使用PHPMYADMIN操作mysql数据库添加新用户和数据库的方法
2010/04/02 PHP
php上传文件的增强函数
2010/07/21 PHP
php解决约瑟夫环示例
2014/04/09 PHP
给WordPress的编辑后台添加提示框的代码实例分享
2015/12/25 PHP
PHP通过微信跳转的Code参数获取用户的openid(关键代码)
2016/07/06 PHP
jquery api参考 visualjquery 中国线路 速度快
2007/11/30 Javascript
JQuery 遮罩层实现(mask)实现代码
2010/01/09 Javascript
Javascript学习笔记7 原型链的原理
2010/01/11 Javascript
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010/12/03 Javascript
asm.js使用示例代码
2013/11/28 Javascript
jquery查找tr td 示例模拟
2014/05/08 Javascript
AngularJS入门教程(一):静态模板
2014/12/06 Javascript
jquery实现简单的表单验证
2015/11/17 Javascript
基于jQuery实现左侧菜单栏可折叠功能
2016/12/27 Javascript
javascript实现文字无缝滚动
2016/12/27 Javascript
详解Vue.js组件可复用性的混合(mixin)方式和自定义指令
2017/09/06 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
2019/02/01 Javascript
Js图片点击切换轮播实现代码
2020/07/27 Javascript
OpenLayers3实现地图显示功能
2020/09/25 Javascript
[50:28]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs KG
2018/04/01 DOTA
Python完全新手教程
2007/02/08 Python
python开发之IDEL(Python GUI)的使用方法图文详解
2015/11/12 Python
python验证码识别教程之利用投影法、连通域法分割图片
2018/06/04 Python
详解python解压压缩包的五种方法
2019/07/05 Python
使用pandas实现连续数据的离散化处理方式(分箱操作)
2019/11/22 Python
OpenCV哈里斯(Harris)角点检测的实现
2020/01/15 Python
python+selenium定时爬取丁香园的新型冠状病毒数据并制作出类似的地图(部署到云服务器)
2020/02/09 Python
python zip,lambda,map函数代码实例
2020/04/04 Python
python删除文件、清空目录的实现方法
2020/09/23 Python
CSS3 RGBA色彩模式使用实例讲解
2016/04/26 HTML / CSS
利用CSS3把图片变成灰色模式的实例代码
2016/09/06 HTML / CSS
如何提高JDBC的性能
2013/04/30 面试题
网络舆情信息简报
2015/07/21 职场文书
教育教学工作反思
2016/02/24 职场文书
全家福照片寄语怎么写?
2019/04/02 职场文书
2019求职信:应届生求职信范文
2019/04/24 职场文书