jquery ui對話框?qū)嵗a

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

在網(wǎng)頁設(shè)計中，不論是為了減少于由于頁面跳轉(zhuǎn)而帶來的不友好用戶體驗，還是為了維持桌面應(yīng)用程序的使用習(xí)慣，對話框的設(shè)計都是不可或缺的。

目前JqueryUI提供的對話框支持使用相對比較的方便，示例代碼如下所示：

復(fù)制代碼代碼如下:

<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默認(rèn)情況向會將表示對話框的<div id="dlg">添加到Body上，這樣當(dāng)表單提交時，服務(wù)端就無法獲取到對話框中的服務(wù)器控件相關(guān)的值了。

您可能感興趣的文章:

ui
對話框

相關(guān)文章

jquery實現(xiàn)簡單的表單驗證
這篇文章主要介紹了jquery實現(xiàn)簡單的表單驗證，思路大概是先為每一個required添加必填的標(biāo)記，用each()方法來實現(xiàn)，感興趣的小伙伴們可以參考一下
2015-11-11
IE下支持文本框和密碼框placeholder效果的JQuery插件分享
這篇文章主要介紹了IE下支持文本框和密碼框placeholder效果的JQuery插件分享,本文給出插件源碼和使用示例,需要的朋友可以參考下
2015-01-01
jQuery實現(xiàn)的分頁插件完整示例
這篇文章主要介紹了jQuery實現(xiàn)的分頁插件,結(jié)合完整實例形式分析了jQuery分頁插件的定義與使用相關(guān)操作技巧,需要的朋友可以參考下
2020-05-05
EasyUi datagrid 實現(xiàn)表格分頁
這篇文章主要介紹了EasyUi datagrid 實現(xiàn)表格分頁的方法和示例分享,需要的朋友可以參考下
2015-02-02
JQuery Ajax跨域調(diào)用和非跨域調(diào)用問題實例分析
這篇文章主要介紹了JQuery Ajax跨域調(diào)用和非跨域調(diào)用問題,結(jié)合具體實例形式分析了jQuery基于ajax的非跨域請求及跨域請求相關(guān)實現(xiàn)技巧與操作注意事項,需要的朋友可以參考下
2019-04-04
jQuery實現(xiàn)獲取綁定自定義事件元素的方法
這篇文章主要介紹了jQuery實現(xiàn)獲取綁定自定義事件元素的方法,涉及jQuery方法重載、事件綁定及元素操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-12-12
jQuery實現(xiàn)異步上傳一個或多個文件
這篇文章主要為大家詳細介紹了jQuery異步上傳一個或多個文件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-08-08
jQuery中:contains選擇器用法實例
這篇文章主要介紹了jQuery中:contains選擇器用法,以實例形式分析了:contains選擇器的功能、定義及匹配給定元素文本時的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2014-12-12
jquery實現(xiàn)頁面加載效果
本文主要介紹了jquery實現(xiàn)頁面加載效果的實例，具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
jQuery中bind()方法用法實例
這篇文章主要介紹了jQuery中bind()方法用法,實例分析了bind()方法的功能、定義及為匹配元素的特定事件綁定事件處理方法的技巧,需要的朋友可以參考下
2015-01-01