none
Jquery Recorrer tabla html RRS feed

  • Pregunta

  • Buenas tardes.

    Primero les cuento que tengo una tabla de esta manera, donde tengo textbox y divs. Necesito recorrer con las flechas del teclado por estos textbox como si estuviera en excel.

    <html>
    <head>
    </head>
    
    <body>
    <table>
    <tr>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><div>00</div></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><div>00</div></td>
    <td><div>00</div></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    </tr>
    <tr>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><div>00</div></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><div>00</div></td>
    <td><div>00</div></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    </tr>
    <tr>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><div>00</div></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><div>00</div></td>
    <td><div>00</div></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    <td><input type='text' /></td>
    </tr>
    </table>
    </body>
    
    </html>
    


    Me podrian decir como lo hago.

    Necesito que el foco se vaya directamente al textbox. 

    Espero que me puedan colaborar.

    Gracias,

     

     


    La tecnologia te envuelve
    viernes, 18 de noviembre de 2011 22:28

Todas las respuestas

  • hola

    recomendaria le des una mirada a esta pregunta

    http://social.msdn.microsoft.com/Forums/es-ES/vcses/thread/b92a91c6-f405-41a1-a09b-51ea2c965c8a

    si bien alli se usa un gridview, sabras que este renderiza a una tabla, por lo tanto la tecnica alli mencionada es identica

    solo que en lugar de usa

    <%=GridView1.ClientID%>

    recuerda asignar el atributo id a la tabla para poder referencviarla desde jquery

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina
    domingo, 20 de noviembre de 2011 4:27
  • Leandro Gracias,

     

    Por el momento voy bien o eso creo.

    Pero tengo un problema y es que no sé como convertir un html a un control.

    Me hago entender cuando hago esto: 

    var tr = $(this).parent().parent();

    Y luego esto:

    $("td:eq("+col+")", tr).html()

    Me devuelve el html por el que está formado el control.

    Pero yo necesito es que sea el control, para poder darle .focus() u obtener su valor, el cual no está en el html del control porqué pudo haber cambiado desde su creación hasta la vez que lo voy a acceder. 

    No se si me hice entender.

     

     

    Gracias,



    La tecnologia te envuelve
    lunes, 21 de noviembre de 2011 13:03
  • podrías probar lo siguiente:

    $("td:eq("+col+")", tr).find('input[type=text]').focus();

    de forma que si no puede encontrar ningun input en la celda no haga focus. Si lo que quieres es realizar algo si hay un contro y otra cosa si no lo esta, deberías probar con:

    if($("td:eq("+col+")", tr).find('input[type=text]').length > 0 )
        $("td:eq("+col+")", tr).find('input[type=text]').focus();
    else{
        //Otra cosa
    }
    miércoles, 23 de noviembre de 2011 14:34