jquery ui对话框实例代码
目前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 模式对话框终极版实现代码
- Confirmer JQuery确认对话框组件
- jQuery Dialog 弹出层对话框插件
- 基于Jquery的开发个代阴影的对话框效果代码
- jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
- jQuery EasyUI API 中文文档 - Dialog对话框
- jQuery UI Dialog 创建友好的弹出对话框实现代码
- 学习从实践开始之jQuery插件开发 对话框插件开发
- 6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
- Jquery实现页面加载时弹出对话框代码
- jQuery Mobile的loading对话框显示/隐藏方法分享
- jquery删除提示框弹出是否删除对话框
- Jquery EasyUI中弹出确认对话框以及加载效果示例代码
- jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)
- JQuery弹出炫丽对话框的同时让背景变灰色
- jQuery代码实现对话框右上角菜单带关闭×
相关文章
IE下支持文本框和密码框placeholder效果的JQuery插件分享
这篇文章主要介绍了IE下支持文本框和密码框placeholder效果的JQuery插件分享,本文给出插件源码和使用示例,需要的朋友可以参考下2015-01-01
最新评论