jquery ui对话框实例代码

412 阅读 0 评论 272 点赞

我是靠谱客的博主壮观小白菜，这篇文章主要介绍jquery ui对话框实例代码，现在分享给大家，希望可以做个参考。

目前JqueryUI提供的对话框支持使用相对比较的方便，示例代码如下所示：

复制代码代码如下:

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

</div>

<asp:Button ID="Showdlg" runat="server" Text="..." />

</form>

$(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对话框实例代码的全部内容，更多相关jquery内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。