jQuery y datatable
Publicado por juank (11 intervenciones) el 01/11/2017 06:49:16
Hola qué tal comunidad busco sabiduría de su parte con esta duda que tengo...
Tengo un datatable dinámico con dos campos
<Tr>
<Th>Nombre</Th>
</Tr>
<Tbody>
<Tr>
<Td class="edición">Juan</td>
</Tr>
Bien así voy llenando mi datatable de manera dinámica...mi datatable tiene más columnas okey y en este caso la clase sigue siendo edición..
Ahora fijence yo quiero que cuando haga clic en cualquier fila del datatable automáticamente aparezca un input de tipo texto, pueda escribir sobre el input y al precionar Enter el valor que escribí en el input quede en la celda del <td>
En jQuery hice algo como esto.
$(".edicion").parent(tr).find(td).click(functión(){
$(this).HTML()
});
Con eso puedo lograr tener el valor de la fila y columna que yo haga clic.
Allí está todo perfecto...pero ahora por más que le meto al coco no logro hacer lo siguiente, si yo le meto dentro de esa función esto:
$(this).HTML('<input type="text" value="">');
Efectivamente logro que aparezca un input pero cuando le hago clic no mantiene el foco y no puedo escribir en el...
Quisiera que me puedan orientar un poco para luego poder hacer lo que les dije después de que lo logré lo que quiero es que al escribir y presionar enter el td quedé con el nuevo valor escrito en el input.
Que estoy haciendo mal? Gracias de antemano.
Tengo un datatable dinámico con dos campos
<Tr>
<Th>Nombre</Th>
</Tr>
<Tbody>
<Tr>
<Td class="edición">Juan</td>
</Tr>
Bien así voy llenando mi datatable de manera dinámica...mi datatable tiene más columnas okey y en este caso la clase sigue siendo edición..
Ahora fijence yo quiero que cuando haga clic en cualquier fila del datatable automáticamente aparezca un input de tipo texto, pueda escribir sobre el input y al precionar Enter el valor que escribí en el input quede en la celda del <td>
En jQuery hice algo como esto.
$(".edicion").parent(tr).find(td).click(functión(){
$(this).HTML()
});
Con eso puedo lograr tener el valor de la fila y columna que yo haga clic.
Allí está todo perfecto...pero ahora por más que le meto al coco no logro hacer lo siguiente, si yo le meto dentro de esa función esto:
$(this).HTML('<input type="text" value="">');
Efectivamente logro que aparezca un input pero cuando le hago clic no mantiene el foco y no puedo escribir en el...
Quisiera que me puedan orientar un poco para luego poder hacer lo que les dije después de que lo logré lo que quiero es que al escribir y presionar enter el td quedé con el nuevo valor escrito en el input.
Que estoy haciendo mal? Gracias de antemano.
Valora esta pregunta
0