jqueryui对话框实例代码
目前JqueryUI提供的对话框支持使用相对比较的方便,示例代码如下所示:
<body>
<formid="form1"runat="server">
<divid="dlg">
<asp:TextBoxID="TextBox1"runat="server"></asp:TextBox>
</div>
<asp:ButtonID="Showdlg"runat="server"Text="..."/>
</form>
<scripttype="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");returnfalse});
}
);
</script>
</body>
其中值得注意的是appendTo:"form"选项,JqueryUIDialog默认情况向会将表示对话框的<divid="dlg">添加到Body上,这样当表单提交时,服务端就无法获取到对话框中的服务器控件相关的值了。
相关文章
- 在淘宝优化了一个大型项目,分享一些干货(Webpack,SplitChunk代码实例,图文结合)
- Oracle实例启动时报错:ORA-32004的解决方法
- 利用Redis的有序集合实现排行榜功能实例代码
- Redis 命令的详解及简单实例
- mysql解析json数据组获取数据组所有字段的方法实例
- Linux UDP实例:网络编程的利器(linuxudp实例)
- Oracle数据库中五表权限查询实例分析(oracle五表权限查询)
- JavaScript给汉字排序实例代码
- 在PHP中操作Excel实例代码
- PHP中“简单工厂模式”实例代码讲解
- perl常量、多维数组及变量的初始化的实例代码
- c#文件的复制,移动,创建(实例代码)
- JS实现可改变列宽的table实例
- C#实现协同过滤算法的实例代码
- javascript:文字不间断向左移动的实例代码
- c#冒泡排序算法(BubbleSort)附实例代码
- JQuery验证jsp页面属性是否为空(实例代码)
- C#的3DES加密解密算法实例代码
- jquery获取css中的选择器(实例讲解)
- Java实现堆排序(Heapsort)实例代码
- PHP处理SQL脚本文件导入到MySQL的代码实例
- Asp.net配合easyui实现返回json数据实例
- PHP和javascript常用正则表达式及用法实例
- C语言单循环链表的表示与实现实例详解
- Java设计模式之装饰者模式详解和代码实例