国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jquery ui對話框實例代碼

2024-05-06 15:47:53
字體:
來源:轉載
供稿:網友
網頁設計中,不論是為了減少于由于頁面跳轉而帶來的不友好用戶體驗,還是為了維持桌面應用程序的使用習慣,對話框的設計都是不可或缺的。

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

復制代碼 代碼如下:


<body>
<form runat="server">

<div>

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

</div>

<asp:Button 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>添加到Body上,這樣當表單提交時,服務端就無法獲取到對話框中的服務器控件相關的值了。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 通化县| 精河县| 黄陵县| 双江| 渝中区| 霍州市| 广州市| 清水县| 平乐县| 华坪县| 保山市| 永寿县| 泽库县| 石景山区| 嵊泗县| 泰来县| 西安市| 奉新县| 康保县| 青岛市| 江西省| 西和县| 林口县| 高青县| 离岛区| 塔河县| 永嘉县| 改则县| 万源市| 镇远县| 呈贡县| 息烽县| 阳山县| 南京市| 文昌市| 喀喇沁旗| 射阳县| 资源县| 谷城县| 红原县| 资溪县|