Как показать ModalPopup при нажатии кнопки?

Question

Когда я нажимаю на кнопку я должен показать модальное всплывающее окно

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> 

Код Behind:

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

Это не работает.

Answer 1

Вы забыли определить элемент управления imgClose, который вы используете как CancelControlID в ModalPopupExtender.

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

Именно поэтому ваш удлинитель не работает.

Answer 2

Также вам необходимо установить активный индекс для всплывающего окна модели. В основном это

ASPX Страница:

"жерех: кнопка ID =" Button1" Runat = "сервер" Text = "ПРОСТОИ" CssClass = "FormButton" ширина = "20%"

«ajaxToolkit: ModalPopupExtender ID = "ModalPopupExtender1" BackgroundCssClass = "ModalPopupBG" Runat = "сервер" TargetControlID = "Button1" CancelControlID = "btnCancel1" PopupControlID = Drag "Panel1" = "истина" PopupDragHandleControlID = "PopupHeader"

Затем

"жерех: MultiView ID =" "Runat = "сервер MultiViewExpanse"" жерех: Посмотреть ID = "" Runat = "Сервер ViewInput"

/жерех: Просмотр

/жерех: MultiView

C#

защищен недействительным Page_Load (объект отправителя, EventArgs е)

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

Он работает ... хорошо ... Если все-таки хотите, чтобы некоторые .. помощь .... Ping me ...