ASP.NET WebForms模式彈出窗口

我想知道什麼是在ASP.NET WebForms應用程序中顯示模式彈出窗口的最佳方式。我需要用2個按鈕（確定/取消）顯示模式窗口，並在我的代碼中按下按鈕。我應該用什麼來實現它 - AjaxControlToolkit中的ModalPopupExtender，引導模式彈出窗口或jQuery UI？我是ASP.NET WebForms的新手，所以一個源代碼或教程的例子會派上用場。謝謝！ASP.NET WebForms模式彈出窗口

來源

2014-10-03 Denis_Sh

ModalPopupExtender很容易實現，如果你是新來的asp.net。其他需要了解jQuery的知識。 – 2014-10-03 07:04:43

嘿使用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>

然後從代碼背後的按鈕打開彈出窗口的Click事件：

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

然後就OK按鈕的點擊：

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進行安裝。

來源

2014-10-03 07:14:35 Ron

ASP.NET WebForms模式彈出窗口

回答

相關問題