none
asp:Repeater jquery RRS feed

  • Pregunta

  • Hola a todos ... como estan ? necesito acceder a un elemento dentro del repeater con jquery ...alguien me puede ayudar .

    El elemento que quiero acceder es lblIdLegajo

    <asp:Repeater ID="rptCreditos" runat="server">
               <HeaderTemplate>
                      <table>
                        <tr>
                           <th>
                            ALUMNO <hr />                       
                           </th>                        
                        </tr>                 
                    </HeaderTemplate>
                    <ItemTemplate>                                               
                            <tr>   
                                <td class="RenglonCalificaciones">
                                   <asp:Label ID="lblApeNomLeg" runat="server" Text='<%#DataBinder.Eval(Container,"DataItem.ApeNomLeg")%>'></asp:Label>
                                    <asp:Label ID="lblIdLegajo" runat="server" Text='<%#DataBinder.Eval(Container,"DataItem.idLegajo")%>' Visible="false"></asp:Label>                                 
                                </td>
                                <td>
                                   <table class="RenglonAlternativoCalif">
                                        <tr>
                                            <td>
                                                1° Trimestre
                                            </td>
                                            <td style="width:65px;">
                                                <asp:TextBox ID="txtAsistencia1Tri" runat="server"  CssClass="TextBoxDeDatosChico"></asp:TextBox>
                                            </td>                                                                                                                     
                                        </tr>
                                        <tr>
                                            <td>
                                                2° Trimestre
                                            </td> 
                                            <td style="width:60px;">
                                                <asp:TextBox ID="txtAsistencia2Tri" runat="server"  CssClass="TextBoxDeDatosChico"></asp:TextBox>
                                            </td>                                       
                                        </tr>
                                        <tr>
                                            <td>
                                                3° Trimestre
                                            </td>
                                            <td style="width:60px;">
                                                <asp:TextBox ID="txtAsistencia3Tri" runat="server"  CssClass="TextBoxDeDatosChico"></asp:TextBox>                                            
                                            </td>                                     
                                        </tr>
                                    </table> 
                                </td>
                               <td>
                                  <table class="RenglonAlternativoCalif">
                                      <tr>
                                          <td style="width:60px;">
                                              <asp:TextBox ID="txtMateriasApro1Tri" runat="server"  CssClass="TextBoxDeDatosChico"></asp:TextBox>
                                          </td>
                                          
                                      </tr>
                                      <tr>
                                          <td style="width:60px;">
                                              <asp:TextBox ID="txtMateriasApro2Tri" runat="server"  CssClass="TextBoxDeDatosChico"></asp:TextBox>
                                          </td>
                                          
                                      </tr>
                                      <tr>
                                          <td style="width:60px;">
                                              <asp:TextBox ID="txtMateriasApro3Tri" runat="server"  CssClass="TextBoxDeDatosChico"></asp:TextBox>
                                          </td>
                                          
                                      </tr>
                                  </table>
                                </td>
                                
                            </tr>                                       
                    </ItemTemplate>
                     <FooterTemplate>                                         
                      </table> 
                         <table>
                             <tr>
                                 <td>
                                                                                                                
                                 </td>
                             </tr>
                         </table>
                    </FooterTemplate>   
           </asp:Repeater>
    Muchas gracias a todos

    viernes, 10 de julio de 2015 12:44

Respuestas

  • Leandro encontre la vuelta al repetear, con los parent llego al id....

    <script type="text/javascript">
    
            $(document).ready(function () {
    
                $('#dialog-form').hide();
    
                $('#tblCreditosLegajos .buttonIFD').click(function () {
                   
                    var Row = $(this).parent().parent().parent().parent().parent().parent();
                    var Id = Row.find("span[id*='lblIdLegajo']").text();
                    var NombreApe = Row.find("span[id*='lblApeNomLeg']").text();
                   
                    $("#<%=lblTituloLegajo.ClientID%>").text("Alumno: " + NombreApe);
                  
                    $('#dialog-form').dialog({
                        autoOpen: true,
                        height: 200,
                        width: 400,
                        show: {
                            effect: "explode",
                            duration: 1000
                        },
                        hide: {
                            effect: "explode",
                            duration: 1000
                        },
                        modal: true
                        
                    });
                    
                });
                
            });
    
        </script>

    • Marcado como respuesta efinten lunes, 13 de julio de 2015 14:57
    lunes, 13 de julio de 2015 13:58

Todas las respuestas

  • hola

    si usas el developer tools del browser, al cual accedes con F12, podrias inspeccionar el html y ver con que tag renderiza ese label

    seguramente sea un <span>

    quizas lo que aconsejaria es que a las tablas les definas un ID para poder localizarlas mas facil y definir el selector

    quizas esto

    [ASP.NET] - GridView sumar columnas con jquery

    sirva de base para que analices como se define un selector en una tabla

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    viernes, 10 de julio de 2015 12:54
  • Hola Leandro gracias ante todo por responderme no entiendo bien esto, me podrias ayudar; yo declare el <script> ;con este script necesito un idleg

    <script type="text/javascript">
    
            $(document).ready(function () {
    
                $('#dialog-form').hide();
    
                $('.buttonIFD').click(function () {
    
                    var idleg = $("#<%=rptCreditos.ClientID%> [id*='trleg']");
    
                    $('#dialog-form').dialog({
    
                    autoOpen: true,
                    height: 200,
                    width: 400,
                    show: {
                        effect: "explode",
                        duration: 1000
                    },
                    hide: {
                        effect: "explode",
                        duration: 1000
                    },
                    modal: true                
                    });
    
                });
    
            });
    
        </script>

    en el asp:Repeater como accedo a este elemento, al tr le puse id que se llama trleg

    <asp:Label ID="lblIdLegajo" runat="server" Text='<%#DataBinder.Eval(Container,"DataItem.idLegajo")%>' Visible="false"></asp:Label>

    muchas gracias,


    viernes, 10 de julio de 2015 15:07
  • en tu caso usar esto <%=rptCreditos.ClientID%> no aplica poque tu estas creando el template

    por eso comente que a los <table> del tempalte de repeater le debes definir un id que luego uses como selectoren jquery

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    viernes, 10 de julio de 2015 15:15
  • gracias nuevamente Leandro... mira dentro del template le puse un id a la table 

    <table id="idLeg">                                  
      <asp:Label ID="lblApeNomLeg" runat="server" Text='<%#DataBinder.Eval(Container,"DataItem.ApeNomLeg")%>'></asp:Label>                                
      <asp:Label ID="lblIdLegajo" runat="server" Text='<%#DataBinder.Eval(Container,"DataItem.idLegajo")%>'></asp:Label>                                 
    </table>

    ahora no entiendo como acceder a tabla desde jquery,  como obtengo el valor del label lblIdLegajo

        <script type="text/javascript">
    
            $(document).ready(function () {
    
                $('#dialog-form').hide();
    
                $('.buttonIFD').click(function () {
                   
                    var idleg = $('#idLeg')
    
                    //var ID = $(this).attr('id').replace("btnIFD1", "");
                    //$("#<%=lblTituloLegajo.ClientID%>").text("Alumno: " + ID);
    
                  
                    
                    $('#dialog-form').dialog({
    
                    autoOpen: true,
                    height: 200,
                    width: 400,
                    show: {
                        effect: "explode",
                        duration: 1000
                    },
                    hide: {
                        effect: "explode",
                        duration: 1000
                    },
                    modal: true                
                    });
    
                });
    
            });
    
        </script>

    gracias y disculpame que sea tan molesto.-

    viernes, 10 de julio de 2015 16:50
  • Leandro encontre la vuelta al repetear, con los parent llego al id....

    <script type="text/javascript">
    
            $(document).ready(function () {
    
                $('#dialog-form').hide();
    
                $('#tblCreditosLegajos .buttonIFD').click(function () {
                   
                    var Row = $(this).parent().parent().parent().parent().parent().parent();
                    var Id = Row.find("span[id*='lblIdLegajo']").text();
                    var NombreApe = Row.find("span[id*='lblApeNomLeg']").text();
                   
                    $("#<%=lblTituloLegajo.ClientID%>").text("Alumno: " + NombreApe);
                  
                    $('#dialog-form').dialog({
                        autoOpen: true,
                        height: 200,
                        width: 400,
                        show: {
                            effect: "explode",
                            duration: 1000
                        },
                        hide: {
                            effect: "explode",
                            duration: 1000
                        },
                        modal: true
                        
                    });
                    
                });
                
            });
    
        </script>

    • Marcado como respuesta efinten lunes, 13 de julio de 2015 14:57
    lunes, 13 de julio de 2015 13:58