none
PASAR DATOS A UN MODAL (ventana emergente) DE BOOTSTRAP EN .NET (ASPX C#) RRS feed

  • Pregunta

  • Buenas noches, 

    Nuevamente yo.

    Tengo un problema con los moda estoy intentando pasar un valor que requiero en un modal es una aplicación  web echa en aspx .net C# les adjunto imágenes para que me entiendan mas o menos lo que quiero hacer 

    esta es la parte del código donde esta el modal

                        <asp:ScriptManager ID="ScriptManager1" runat="server">
                        </asp:ScriptManager>
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server" Visible="true">
                            <ContentTemplate>
                                <asp:Label ID="Label1" runat="server" Text=""></asp:Label><br />
                                <div class="modal fade" id="myModal" data-keyboard="true" data-backdrop="static" style="display: none">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span></button>
                                                <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                                            </div>
                                            <div class="modal-body">
                                                <asp:TextBox ID="TextBox1" runat="server" placeholder="Nit O Cedula" class="CampoTexto"></asp:TextBox><br />
                                                <br />
                                                <asp:TextBox ID="TextBox2" runat="server" placeholder="" class="CampoTexto"></asp:TextBox><br />
                                                <br />
                                                <asp:TextBox ID="TextBox3" runat="server" placeholder="" class="CampoTexto"></asp:TextBox><br />
                                            </div>
                                            <div class="modal-footer">
                                                <asp:Button runat="server" ID="BtnModalSalir" Text="Salir aspx" class="btn btn-danger" data-dismiss="modal" />
                                                <asp:Button runat="server" ID="BtnModalGuardar" Text="Guardar aspx" CssClass="btn btn-success" OnClick="BtnModalGuardar_Click" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </div>

    Muchas gracias por su ayuda 


    Victor Lopez

    domingo, 10 de enero de 2016 2:33

Respuestas

  • En primer lugar deberás añadir a tu proyecto el Ajax Control Toolkit.

    Aquí puedes encontrar información sobre cómo añadirlo a tu proyecto ASP.NET:

    ASP.NET AJAX Control Toolkit

    En la web del Ajax Control Toolkit puedes encontrar una demo sobre cómo utilizar el ModalPopupExtender  e información sobre sus propiedades:

    ModalPoup sample

    Además puedes apoyarte también en el ejemplo del blog de Leandro que te ponía en su respuesta.

    Con esta información deberías tener suficiente para empezar. Si te van surgiendo problemas coméntalo, seguro que podemos ayudarte.


    Píldoras .NET
    Artículos, tutoriales y ejemplos de código .NET

    Píldoras JS
    Artículos, tutoriales y ejemplos de código JavaScript, HTML5, CSS3, ...

    domingo, 10 de enero de 2016 18:59

Todas las respuestas

  • hola

    El popup lo defines dentro de la misma pagina, por lo tanto podrias acceder al control textbox y asignarle el valor

    el evento del boton queda anulado si lo asocias al ModelPopupExtender pero para solucionar ese problema se usa un hidden, entonces podrias hacer el Show() del popup desde el click del boton

    aqui

    [ASP.NET] PopUp Filtro – Usando Ajax Toolkit ModalPopupExtender

    explico como resolver ese problema

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    domingo, 10 de enero de 2016 3:21
  • Estás intentando mostrar una ventana modal de bootstrap con controles de servidor en su interior.

    Se puede hacer pero puede resultar bastante complicado.

    Yo te recomendaría utilizar estas modales de bootstrap únicamente si se van a manejar por completo con código cliente. Si no es así es mejor la opción que te recomienda Leandro de utilizar el ModalPopupExtender del Ajax Toolkit, ya que está creado específicamente para trabajar con WebForms y te va a facilitar mucho la vida.


    Píldoras .NET
    Artículos, tutoriales y ejemplos de código .NET

    Píldoras JS
    Artículos, tutoriales y ejemplos de código JavaScript, HTML5, CSS3, ...

    domingo, 10 de enero de 2016 8:23
  • Buenos días amigo la verdad soy muy nuevo en esto y no he podido aplicar la solución que me ofreces no se si me puedas ayudar mandándote parte del código 

    Victor Lopez

    domingo, 10 de enero de 2016 18:36
  • >>no he podido aplicar la solución que me ofreces

    pero analziaste el articulo que sugeri ? alli explico con detalle como definir el hidden para que no anule el evento del boton

    y en el Click del lado del servidor podri usar el Show() del popup


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    domingo, 10 de enero de 2016 18:51
  • En primer lugar deberás añadir a tu proyecto el Ajax Control Toolkit.

    Aquí puedes encontrar información sobre cómo añadirlo a tu proyecto ASP.NET:

    ASP.NET AJAX Control Toolkit

    En la web del Ajax Control Toolkit puedes encontrar una demo sobre cómo utilizar el ModalPopupExtender  e información sobre sus propiedades:

    ModalPoup sample

    Además puedes apoyarte también en el ejemplo del blog de Leandro que te ponía en su respuesta.

    Con esta información deberías tener suficiente para empezar. Si te van surgiendo problemas coméntalo, seguro que podemos ayudarte.


    Píldoras .NET
    Artículos, tutoriales y ejemplos de código .NET

    Píldoras JS
    Artículos, tutoriales y ejemplos de código JavaScript, HTML5, CSS3, ...

    domingo, 10 de enero de 2016 18:59