Quiero saber cuál es la mejor manera de mostrar modal popup de windows en ASP.NET Formularios de la aplicación. Tengo que mostrar ventana modal con 2 botones (ACEPTAR/Cancelar) y obtener pulsado el botón en mi código. ¿Qué debo usar para aplicarlo ModalPopupExtender de AjaxControlToolkit, bootstrap modal popup o jQuery UI?
Soy novato total en ASP.NET WebForms, así que un ejemplo de código fuente o un tutorial sería muy útil. Gracias!

  • ModalPopupExtender es fácil de implementar si usted es nuevo a asp.net. Otros necesitan conocimientos de jQuery un poco.
InformationsquelleAutor Denis_Sh | 2014-10-03

1 Comentario

  1. 16

    Hola verificación de este código mediante modalpopupextender. Pero primero, usted necesitará instalar AjaxControlToolKit de Nuget Package Manager y añadir una referencia a un ensamblado en la parte superior de su .página aspx como una directiva, como este:

    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" %>

    Aquí está el código de la 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>

    a continuación, a partir de un Código por detrás En el evento Click del botón Abrir PopUp :

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

    a continuación, haga clic de Botón Ok :

    protected void btnOk_Click(object sender, ImageClickEventArgs e) {
          //Do Work
    
          mpePopUp.Hide(); }

    De Cancelar haga clic en el botón :

    protected void btnCancel_Click(object sender, ImageClickEventArgs e)
    {
          //Do Work
    
          mpePopUp.Hide();
    }

    Sugerencia: Si no tiene el ajax toolkit puede ser instalado con Nuget.

    • ¿Ocultar o mostrar desencadenar una devolución?

Dejar respuesta

Please enter your comment!
Please enter your name here