Comment afficher un ModalPopup lorsqu'on clique sur le bouton?

Question

Lorsque je clique sur un bouton i doit afficher un popup modal

Code ASPX:

<section> 

     <asp:Button ID="btnShowPopup" runat="server" Text="EditContextMenu" Visible="true" OnClick="btnShowPopup_Click" /> 

    <ajax:ModalPopupExtender ID="ModalPopupContextInfo" runat="server" TargetControlID="btnShowPopup" PopupControlID="pnlpopupContextInfo" 
      CancelControlID="imgClose" BackgroundCssClass="modalBackground"> 
     </ajax:ModalPopupExtender> 

     <asp:Panel ID="pnlpopupContextInfo" runat="server" BackColor="White" Height="560px" Width="400px" Style="display: none" > 
      <div class="contextMenu_edit" > 
      <div class="context_menu"> 

     <p>Port</p> 
      <asp:TextBox ID="txtCMEditPort" runat="server" MaxLength="10" Width="131px" TabIndex="1"></asp:TextBox> 

     <div class="clear"></div> 

     <p>ProformaETA</p> 
     <asp:TextBox ID="txtCMEditProformaETA" runat="server" MaxLength="10" Width="131px" TabIndex="1"></asp:TextBox> 
     <asp:ImageButton ID="imgbtnCMEditProformaETA" runat="server" ImageUrl="~/image_repository/calendarIcon.jpg" /> 
     <ajax:CalendarExtender ID="ajaxcalProfrmaETA" runat="server" TargetControlID="txtCMEditProformaETA" PopupButtonID="imgbtnCMEditProformaETA" Format="dd-MMM-yyyy"></ajax:CalendarExtender> 

     <div class="clear"></div> 

      <p>ProformaETD</p> 
     <asp:TextBox ID="txtCMEditProformaETD" runat="server" MaxLength="10" Width="131px" TabIndex="1"></asp:TextBox> 
     <asp:ImageButton ID="imgbtnCMEditProformaETD" runat="server" ImageUrl="~/image_repository/calendarIcon.jpg" /> 
     <ajax:CalendarExtender ID="ajaxcalProfrmaETD" runat="server" TargetControlID="txtCMEditProformaETD" PopupButtonID="imgbtnCMEditProformaETD" Format="dd-MMM-yyyy"></ajax:CalendarExtender> 
    </div> 
    </div> 
     </asp:Panel> 
</section> 

code Derrière:

  protected void btnShowPopup_Click(object sender, EventArgs e) 
      {  
       ModalPopupContextInfo.Show(); 
      } 

Ce ne fonctionne pas.

Answer 1

Vous avez oublié de définir le contrôle imgClose, que vous utilisez comme CancelControlID dans ModalPopupExtender.

<ajax:ModalPopupExtender ID="ModalPopupContextInfo" runat="server" TargetControlID="btnShowPopup" PopupControlID="pnlpopupContextInfo" 
     CancelControlID="imgClose" BackgroundCssClass="modalBackground"> 

C'est pourquoi votre extendeur ne fonctionne pas.

Answer 2

De même, vous devez définir l'index actif pour l'extension de fenêtre contextuelle. La plupart du temps il

ASPX Page:

"asp: button id =" Button1" runat = "" text = "server ARRÊTS" CssClass = "formButton" width = "20%"

« ajaxToolkit: ModalPopupExtender ID = "ModalPopupExtender1" BackgroundCssClass = "ModalPopupBG" runat = Drag = "true" PopupDragHandleControlID = "PopupHeader" "server" TargetControlID = "Button1" CancelControlID = "btnCancel1" PopupControlID = "Panel1"

Puis

"asp: MultiView id =" MultiViewExpanse "runat = "server"" asp: Voir ID = "ViewInput" runat = "server"

/asp: Voir

/asp: MultiView

C#

protected void Page_Load (object sender, EventArgs e)

{ 
     try 
     { 
      if (!IsPostBack) 
      { 
       ModalPopupContextInfo.ActiveViewIndex = 0; 
      } 
     } 
    } 

Il fonctionne ... bien ... si vous voulez encore un peu .. aide .... Ping me ...