ASP.NET WebForms模式弹出窗口 [英] ASP.NET WebForms Modal Popup window

问题描述

我想知道在ASP.NET WebForms应用程序中显示模式弹出窗口的最佳方法是什么.我需要显示带有2个按钮(确定/取消)的模态窗口，并在我的代码中按下按钮.我应该用什么来实现它-来自AjaxControlToolkit的ModalPopupExtender，引导模式弹出窗口或jQuery UI? 我是ASP.NET WebForms的新手，因此可以使用源代码示例或教程.谢谢！

I want to know what is the best way to show modal popup windows in ASP.NET WebForms application. I need to display modal window with 2 buttons (OK/Cancel) and get pressed button in my code. What should I use to implement it - ModalPopupExtender from AjaxControlToolkit, bootstrap modal popup or jQuery UI? I'm total newbie in ASP.NET WebForms, so an example of source code or a tutorial would be come in handy. Thanks!

推荐答案

嘿，请使用modalpopupextender检查此代码.但是首先，您需要从Nuget软件包管理器安装AjaxControlToolKit，并将其作为指令添加为.aspx页面顶部的程序集引用，例如:

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" %>

然后是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事件后面的代码中获取代码:

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

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一起安装.

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

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