jquery ui對話框實例代碼

更新時間：2013年05月10日 11:05:48 作者：

在網頁設計中，不論是為了減少于由于頁面跳轉而帶來的不友好用戶體驗，還是為了維持桌面應用程序的使用習慣，對話框的設計都是不可或缺的。

目前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上，這樣當表單提交時，服務端就無法獲取到對話框中的服務器控件相關的值了。

您可能感興趣的文章:

ui
對話框

jquery滾動條插件slimScroll使用方法
這篇文章主要為大家詳細介紹了jquery滾動條插件slimScroll的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
jQuery 刪除/替換DOM元素的幾種方式
在結果集后鏈式調用remove()方法即可刪除也可以通過向remove傳參的形式來過濾選擇結果再執(zhí)行remove操作
2014-05-05
jQuery實現立體式數字滾動條增加效果
這篇文章主要介紹了jQuery立體式數字滾動條增加的相關資料,代碼簡單易懂，非常不錯，需要的朋友可以參考下
2016-12-12
滾動圖片效果 jquery實現回旋滾動效果
jquery滾動圖片效果,有些新手朋友可能不是很清楚，今天在網上找到一款回旋滾動效果，拿出來和大家一起分享，感興趣的朋友可以了解下哦
2013-01-01
基于jquery的表格排序
看了《javascript高級程序設計》里面有個表格排序的例子；覺得很有意思，所以自己用jquery的基本庫做了一個，里面的概念基本和書里面的差不多
2010-09-09
jQuery的觀察者模式詳解
本文主要是介紹了jQuery中on方法及trigger方法，以及圍繞這個方法來體驗的觀察者模式，是篇非常不錯的文章，對我們理解觀察者模式很有幫助。
2014-12-12
jQuery對底部導航進行跳轉并高亮顯示的實例代碼
這篇文章主要介紹了jQuery對底部導航進行跳轉并高亮顯示的實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下
2019-04-04
jQuery實現圖片跟隨效果
這篇文章主要為大家詳細介紹了jQuery實現圖片跟隨效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
JQuery控制Radio選中方法分析
這篇文章主要介紹了JQuery控制Radio選中方法,涉及jQuery表單操作及鼠標事件響應的方法,需要的朋友可以參考下
2015-05-05
JQUERY 獲取IFrame中對象及獲取其父窗口中對象示例
經常會用到iframe，難免會碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素，下面為大家簡單介紹下本人的使用心得
2013-08-08