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

Question

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

Answer 1

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

Answer 2

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, ...

Answer 3

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

Answer 4

>>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

Answer 5

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, ...