jquery ui对话框实例代码

程序员文章站 2023-10-28 16:14:58

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

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

. 代码如下:

<:textbox id="textbox1" runat="server"></asp:textbox>

</p>

<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默认情况向会将表示对话框的<p id="dlg">添加到body上，这样当表单提交时，服务端就无法获取到对话框中的服务器控件相关的值了。

jQuery实现动态添加和删除input框代码实例