如何在 ASP.NET WebForms 中触发模式窗口? [英] 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">主弹出窗口</div><div id="按钮"><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>

然后来自按钮 Open PopUp 的 On Click 事件背后的代码:

protected void btnOpenPopUp_Click(object sender, ImageClickEventArgs e){mpePopUp.Show();}

然后点击确定按钮:

protected void btnOk_Click(object sender, ImageClickEventArgs e) {//做工作mpePopUp.Hide();}

取消点击按钮:

protected void btnCancel_Click(object sender, ImageClickEventArgs e){//做工作mpePopUp.Hide();}

提示:如果您没有 ajax 工具包，可以使用 Nuget 安装它.

How can I show modal windows in an ASP.NET WebForms application? I need to display a modal window with 2 buttons (OK/Cancel) and retrieve which button is pressed in my code. I'm also using jQuery and Bootstrap for this project, if that affects my options.

解决方案

Hey check this code using modalpopupextender. But first, you'll need to install AjaxControlToolKit from the Nuget Package Manager and add it as an assembly reference at the top of your .aspx page as a directive, like this:

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

Then here is the code from the 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>

then from Code behind On Click event of the button Open PopUp :

protected void btnOpenPopUp_Click(object sender, ImageClickEventArgs e)
{
    mpePopUp.Show();
}

then on click of Ok Button :

protected void btnOk_Click(object sender, ImageClickEventArgs e) {
    //Do Work

    mpePopUp.Hide(); }

On Cancel click button :

protected void btnCancel_Click(object sender, ImageClickEventArgs e)
{
    //Do Work

    mpePopUp.Hide();
}

Tip: If you don't have the ajax toolkit it can be installed with Nuget.

这篇关于如何在 ASP.NET WebForms 中触发模式窗口?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！