Remove From My Forums

Cargar datos en Ventana Modal Bootstrap desde Control Repeater

Pregunta

Inicie sesión para votar

Buenos días como están mi pregunta es la siguiente:

deseo cargar los datos que tengo en un repeater en un modal con los mismos campos de la siguiente manera

<asp:Repeater ID="RepetidorEmpresas" runat="server">
                                        <ItemTemplate>
                                            <div class="col-lg-6 col-xl-2 small">
                                                <div class="card text-white bg-dark mb-3 card-box links-cards">
                                                    <asp:Image ID="ImagenLogoEmpresa" runat="server" ImageUrl="../assets/images/LogosEmpresa/ride.jpg" class="card-img-top" alt="Card image" />
                                                    <div class="col-lg-12 col-md-12 col-sm-6 col-xm-12 text-truncate text-center font-bold">
                                                        <asp:Label ID="LblNombreEmpresa" CssClass="text-md-center" runat="server" Text='<%#Eval("Nombre_Empresa") %>'></asp:Label>
                                                        <br />
                                                        <br />
                                                    </div>
                                                    <div class="col-lg-12 col-md-12 col-sm-6 col-xm-12 text-truncate">
                                                        <asp:Label ID="Label3" runat="server" CssClass="font-bold" Text="Id: "></asp:Label>
                                                        <asp:Label ID="LblIdEmpresa" runat="server" Text='<%#Eval("Id_Empresa") %>'></asp:Label>
                                                    </div>
                                                    <div class="col-lg-12 col-md-12 col-sm-6 col-xm-12 text-truncate">
                                                        <asp:Label ID="Label1" runat="server" CssClass="font-bold" Text="NIT: "></asp:Label>
                                                        <asp:Label ID="LblNitEmpresa" runat="server" Text='<%#Eval("Nit_Empresa") %>'></asp:Label>
                                                    </div>
                                                    <div class="col-lg-12 col-md-12 col-sm-6 col-xm-12 text-truncate">
                                                        <asp:Label ID="Label2" CssClass="font-bold" runat="server" Text="Tipo: "></asp:Label>
                                                        <asp:Label ID="LblDescripcionTipoEmpresa" runat="server" Text='<%#Eval("Descripcion_TipoEmpresa") %>'></asp:Label>
                                                    </div>
                                                    <div class="col-lg-12 col-md-12 col-sm-6 col-xm-12 text-truncate">
                                                        <asp:Label ID="Label4" CssClass="font-bold" runat="server" Text="Correo: "></asp:Label>
                                                        <asp:Label ID="LblCorreoEmpresa" runat="server" Text='<%#Eval("CorreoE_Empresa") %>'></asp:Label>
                                                        <br />
                                                        <br />
                                                    </div>
                                                    <button type="button" id="BtnEditarempresa" class="btn btn-success waves-effect waves-light" data-toggle="modal" data-target="#CenterModal">Editar</button>
                                                    
                                                </div>
                                            </div>
                                        </ItemTemplate>
                                    </asp:Repeater>

                                    <div id="CenterModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="ModalEditarEmpresa" aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                                    <h4 class="modal-title" id="ModalEditarEmpresa">Actualizar Datos Empresa</h4>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="row">
                                                        <div class="col-lg-6 col-md-12 col-sm-6 col-xm-12 ">
                                                            <label class="control-label " for="userName">Nombre:</label>
                                                            <div class="">
                                                                <asp:TextBox class="form-control" ID="TxtNombreEmpresaModal" runat="server"></asp:TextBox>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col-md-12 col-sm-6 col-xm-12 ">
                                                            <label class="control-label " for="userName">Nit:</label>
                                                            <div class="">
                                                                <asp:TextBox class="form-control" ID="TxtNitEmpresaModal" runat="server"></asp:TextBox>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col-md-12 col-sm-6 col-xm-12 ">
                                                            <label class="control-label " for="userName">Tipo de Empresa:</label>
                                                            <div class="">
                                                                <asp:TextBox class="form-control" ID="TxtTipoEmpresaModal" runat="server"></asp:TextBox>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col-md-12 col-sm-6 col-xm-12 ">
                                                            <label class="control-label " for="userName">Direccion:</label>
                                                            <div class="">
                                                                <asp:TextBox class="form-control" ID="TxtDireccionEmpresaModal" runat="server"></asp:TextBox>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col-md-12 col-sm-6 col-xm-12 ">
                                                            <label class="control-label " for="userName">Correo Electronico:</label>
                                                            <div class="">
                                                                <asp:TextBox class="form-control" ID="TxtCorreoEmpresaModal" runat="server"></asp:TextBox>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <label class="control-label " for="userName">Contraseña:</label>
                                                            <div class="">
                                                                <asp:TextBox class="form-control required" ID="TxtNuevaClave" runat="server" TextMode="Password"></asp:TextBox>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <label class="control-label " for="userName">Confirmar Contraseña:</label>
                                                            <div class="">
                                                                <asp:TextBox class="form-control required" ID="TxtVerificarNuevaClave" runat="server" TextMode="Password"></asp:TextBox>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary waves-effect" data-dismiss="modal">Cerrar</button>
                                                    <asp:Button ID="BtnActualizar" runat="server" class="btn btn-primary" Text="Actualizar" />
                                                    <asp:Button ID="BtnCargarDatos" runat="server" class="btn btn-primary" Text="Cargar" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>

y el code behind

Private Sub BtnCargarDatos_Click(sender As Object, e As EventArgs) Handles BtnCargarDatos.Click

        For Each RepeaterControles As RepeaterItem In RepetidorEmpresas.Items
            Dim LblIdEmpresa As Label = CType(RepeaterControles.FindControl("LblIdEmpresa"), Label)
            Dim CargarDatosEmpresaModal As DataTable = WebService.MostrarDatosempresa(Val(LblIdEmpresa.Text))
            TxtCorreoEmpresaModal.Text = LblIdEmpresa.Text
        Next
End Sub

Como puedo hacer para popular los datos al darle click al botón editar

Ivan Mauricio Marin

miércoles, 12 de septiembre de 2018 14:54

Usuario

Cargar datos en Ventana Modal Bootstrap desde Control Repeater

Pregunta