[英]How to trigger a modal window in ASP.NET WebForms?
如何在 ASP.NET WebForms 應用程序中顯示模式窗口? 我需要顯示一個帶有 2 個按鈕(確定/取消)的模式窗口,並檢索我的代碼中按下了哪個按鈕。 我也在這個項目中使用 jQuery 和 Bootstrap,如果這會影響我的選擇。
嘿,使用modalpopupextender
檢查此代碼。 但首先,您需要從 Nuget 包管理器安裝 AjaxControlToolKit,並將其作為程序集引用添加到 .aspx 頁面頂部作為指令,如下所示:
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
然后這里是來自modalpopupextender
的代碼:
<asp:Button ID="btnOpenPopUp" runat="server" text="Open PopUp" />
<asp:Label ID="lblHidden" runat="server" Text=""></asp:Label>
<ajaxToolkit:ModalPopupExtender ID="mpePopUp" runat="server" TargetControlID="lblHidden" PopupControlID="divPopUp" BackgroundCssClass="modalBackground"></ajaxToolkit:ModalPopupExtender>
<div id="divPopUp" class="pnlBackGround">
<div id="Header" class="header" >MyHeader</div>
<div id="main" class="main">Main PopUp </div>
<div id="buttons">
<div id="DivbtnOK" class="buttonOK"><asp:Button id="btnOk" runat="server" text="Ok" /></div>
<div id="Divbtncancel" class="buttonOK"><asp:Button id="btnCancel" runat="server" text="Cancel" /></div>
</div>
</div>
然后從按鈕 Open PopUp 的 On Click 事件背后的代碼:
protected void btnOpenPopUp_Click(object sender, ImageClickEventArgs e)
{
mpePopUp.Show();
}
然后單擊“確定”按鈕:
protected void btnOk_Click(object sender, ImageClickEventArgs e) {
//Do Work
mpePopUp.Hide(); }
在取消單擊按鈕上:
protected void btnCancel_Click(object sender, ImageClickEventArgs e)
{
//Do Work
mpePopUp.Hide();
}
提示:如果您沒有 ajax 工具包,可以使用 Nuget 安裝它。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.