jQuery - Editar una fila de tabla en línea

Question

Tengo una tabla con columnas y filas arbitrarias. Sin embargo, este hecho es irrelevante, todo lo que quiero hacer es desarrollar una función que convierta una fila (o varias filas) en una serie de entradas de texto que contienen los datos en la tabla (o vacía si no hay datos en la celda).

No puedo encontrar ningún ejemplo de personas que hagan esto explícitamente, así que me pregunté qué piensa la gente aquí es la mejor manera de encontrar una solución.

Answer 1

Itere sobre las celdas de la tabla en las filas y reemplace el contenido con entradas de texto:

function editRow(row) {
    $('td',row).each(function() {
         $(this).html('<input type="text" value="' + $(this).html() + '" />');
    });
}

Obviamente, debe pasar las filas / filas relevantes a la función.

Answer 2

use http://code.google.com/p/jquery-inline- editor / , hace exactamente lo que necesita

Answer 3

como dice Eran.

sin embargo, también podría mirar propiedades como contenteditable y designMode, aunque no estoy seguro de qué tan compatibles sean estas.

una vez que haya reemplazado los contenidos con entradas de texto, puede usar el complemento jquery toggleEdit para gestionar el cambio entre ellos modo de vista previa y modo de edición.