Cómo cerrar Extensor emergente modal desde el lado del servidor

Question

Cómo cerrar Modal Popup Extender desde el código del lado del servidor al hacer clic en el enlace cerrar dentro del menú emergente?

Answer 1

hay una propiedad en el extensor para cerrar la ventana emergente "CancelControlID" y la ventana emergente se cerrará, si desea cerrar la ventana emergente del servidor detrás del código detrás, existe la propiedad extender hide(), en el botón código detrás de la ID de escritura del cuerpo de la ventana emergente e ingrese "." después de que usted obtenga todas las propiedades de ventanas emergentes en los que la propiedad se obtiene ocultar property.use que esperamos que pueda obtener la solución

ejemplo

private void btnSubmit_Click(object sender, EventArgs e) 
    { 
     modelpopupextender.hide(); 

    } 

Answer 2

respuesta a esta pregunta podría no ser útil para la persona que lo publicó, pero podría ser útil para otros.

Lo siguiente debe hacerse para cerrar la ventana emergente modal desde el lado del servidor.

En lugar de dar la Id. De botón de cierre a "CancelarIDControlID" del modalpopupextender, cree un campo oculto ficticio y dé este Id. A "CancelarIDControlID" del modalpopupextender.

por ejemplo

<pre> 
<asp:HiddenField ID="hidForModel" runat="server" />; 
/*Are you sure you want to know the answer? */ 
    <asp:Button ID="btnYes" runat="server" Text="Yes!" onclick="btnYes_Click" />; 
    <br />; 
    <asp:Panel ID="pnlModal" runat="server" CssClass="modalPopup" Style="display: none;"> 
     <asp:Panel ID="pnlControls" runat="server" CssClass="insideModalPopup></asp:Panel> 
     <br /> 
     <asp:Button ID="btnClose" runat="server" Text="Close" onclick="btnClose_Click" /> 
    </asp:Panel> 
     <cc1:ModalPopupExtender TargetControlID="hidForModel" ID="pnlModal_ModalPopupExtender" 
     runat="server" DynamicServicePath="" Enabled="True" BackgroundCssClass="modalBackground" 
     PopupControlID="pnlModal" CancelControlID="hidForModel" DropShadow="true"> 
     </cc1:ModalPopupExtender> 
</pre> 

Aquí me he dado tanto TargetControlID y CancelControlID como hidForModel como yo quiero mostrar, así como ocultar la ventana emergente modal desde el código subyacente.

En código subyacente

<pre> 

     protected void btnYes_Click(object sender, EventArgs e) 
     { 
      pnlModal_ModalPopupExtender.Show(); 

      TextBox txt = new TextBox(); 
      txt.Text = "aaa"; 
      pnlControls.Controls.Add(txt); 
     } 

     protected void btnClose_Click(object sender, EventArgs e) 
     { 
      pnlModal_ModalPopupExtender.Hide(); 
     } 
</pre> 

Aquí he hecho la ventana emergente modal visto y ha añadido un cuadro de texto de código subyacente al hacer clic con el botón Sí y oculta la ventana emergente modal al hacer clic con el botón Cerrar.

Answer 3

Puede usar el atributo CancelControlID para cerrar el cuadro emergente.

<asp:ModalPopupExtender ID="mpe_login" runat="server" 
TargetControlID="btn_login_popup" PopupControlID="panel_login" 
BackgroundCssClass="LoginBackground1" 
CancelControlID="btn_Cancel" />