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

删除Javascript Object中间的key

Nov 18 Javascript

jquery实现点击展开列表同时隐藏其他列表

Aug 10 Javascript

JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法

Jan 12 Javascript

第十篇BootStrap轮播插件使用详解

Jun 21 Javascript

JS封装通过className获取元素的函数示例

Dec 20 Javascript

html5+CSS 实现禁止IOS长按复制粘贴功能

Dec 28 Javascript

实例分析js事件循环机制

Dec 13 Javascript

Vue实现一个图片懒加载插件

Mar 11 Javascript

js实现类似iphone的网页滑屏解锁功能示例【附源码下载】

Jun 10 Javascript

Vue 实现html中根据类型显示内容

Oct 28 Javascript

Javascript 类型转换、封闭函数及常见内置对象操作示例

Nov 15 Javascript

JavaScript多种图形实现代码实例

Jun 28 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 strstr 函数判断字符串是否否存在的实例代码

2013/09/28 PHP

PHP实现的基于单向链表解决约瑟夫环问题示例

2017/09/30 PHP

浅谈PHP匿名函数和闭包

2019/03/08 PHP

jquery 表单取值常用代码

2009/12/22 Javascript

jQuery的Ajax时无响应数据的解决方法

2010/05/25 Javascript

JS DOM 操作实现代码

2010/08/01 Javascript

javascript对select标签的控制(option选项/select)

2013/01/31 Javascript

JavaScript语言核心数据类型和变量使用介绍

2013/08/23 Javascript

ExpressJS入门实例

2015/01/14 Javascript

javascript实现简单的鼠标拖动效果实例

2015/04/10 Javascript

js中跨域方法原理详解

2015/07/19 Javascript

用原生js统计文本行数的简单示例

2016/08/19 Javascript

JSP防止网页刷新重复提交数据的几种方法

2016/11/19 Javascript

Angular实现模版驱动表单的自定义校验功能(密码确认为例)

2018/05/17 Javascript

Vue中 key keep-alive的实现原理

2018/09/18 Javascript

vue使用v-if v-show页面闪烁,div闪现的解决方法

2018/10/12 Javascript

Vue项目中使用better-scroll实现菜单映射功能方法

2019/09/11 Javascript

JavaScript设计模型Iterator实例解析

2020/01/22 Javascript

javascript实现留言板功能

2020/02/08 Javascript

JavaScript实现省份城市的三级联动

2020/02/11 Javascript

解决vue 给window添加和移除resize事件遇到的坑

2020/07/21 Javascript

Python实现包含min函数的栈

2016/04/29 Python

tensorflow中next_batch的具体使用

2018/02/02 Python

对pandas中iloc,loc取数据差别及按条件取值的方法详解

2018/11/06 Python

python通过ffmgep从视频中抽帧的方法

2018/12/05 Python

Python3.5内置模块之time与datetime模块用法实例分析

2019/04/27 Python

使用 Python 快速实现 HTTP 和 FTP 服务器的方法

2019/07/22 Python

通过selenium抓取某东的TT购买记录并分析趋势过程解析

2019/08/15 Python

python实现图像高斯金字塔的示例代码

2020/12/11 Python

英国豪华真皮和布艺沙发销售网站：Darlings of Chelsea

2018/01/05 全球购物

商场促销活动方案

2014/02/08 职场文书

家长对老师的感言

2014/03/11 职场文书

佛光寺导游词

2015/02/10 职场文书

关于倡议书的范文

2015/04/29 职场文书

加薪申请报告范本

2015/05/15 职场文书

详解Redis在SpringBoot工程中的综合应用

2021/10/16 Redis