国产探花免费观看_亚洲丰满少妇自慰呻吟_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上,這樣當表單提交時,服務端就無法獲取到對話框中的服務器控件相關的值了。

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

圖片精選

主站蜘蛛池模板: 嘉鱼县| 康定县| 平舆县| 宜兰县| 阜宁县| 彰化市| 华蓥市| 大埔县| 日土县| 三亚市| 调兵山市| 自贡市| 正镶白旗| 隆化县| 崇左市| 蕲春县| 巴塘县| 大厂| 铜山县| 江北区| 镇江市| 临桂县| 山丹县| 都昌县| 新建县| 江西省| 阿拉善盟| 南岸区| 黄骅市| 南宫市| 九寨沟县| 昌邑市| 左贡县| 清新县| 扎兰屯市| 松滋市| 綦江县| 通许县| 南昌市| 保德县| 稷山县|