ASP.NET WebForms 모달 팝업 창

Question

ASP.NET WebForms 응용 프로그램에서 모달 팝업 창을 표시하는 가장 좋은 방법은 무엇인지 알고 싶습니다. 2 버튼 (확인/취소)이있는 모달 창을 표시하고 코드에서 버튼을 눌러야합니다. 어떻게 구현해야합니까 - ModalPopupExtender AjaxControlToolkit, 부트 스트랩 모달 팝업 또는 jQuery UI에서? 저는 ASP.NET WebForms에서 총 초보자입니다. 따라서 소스 코드 또는 자습서의 예제가 도움이 될 것입니다. 감사!

Answer 1

헤이 modalpopupextender 사용하여이 코드를 확인 :

다음

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

확인 버튼의 클릭에 :

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

     mpePopUp.Hide(); } 

코드에서 뒤에있는 버튼 열기 팝업의 Click 이벤트에 다음

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

을

클릭하면 취소 버튼 :

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

     mpePopUp.Hide(); 
} 

팁 : ajax 툴킷이 없다면 Nuget으로 설치할 수 있습니다.