如何在 ASP.NET WebForms 中触发模式窗口？

Question

如何在 ASP.NET WebForms 应用程序中显示模式窗口？ 我需要显示一个带有 2 个按钮（确定/取消）的模式窗口，并检索我的代码中按下了哪个按钮。 我也在这个项目中使用 jQuery 和 Bootstrap，如果这会影响我的选择。

Answer 1

嘿，使用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 安装它。