jQuery - Editar una fila de la tabla en línea

Question

Tengo una tabla con columnas y filas arbitrarias. Este hecho es irrelevante aunque realmente, todo lo que quiero hacer es desarrollar una función que convierta una fila (o múltiples filas) en una serie de entradas de texto que contengan los datos en la tabla (o vacíe si no hay datos en la celda).

No puedo encontrar ningún ejemplo de personas haciendo esto explícitamente, por lo que me pregunté qué personas piensan que es la mejor manera de encontrar una solución.

Answer 1

iterar sobre las celdas de la tabla en las filas, y reemplazar el contenido con entradas de texto:

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

lo necesario para pasar la fila correspondiente/filas en la función obviamente.

Answer 2

como Eran dice.

Sin embargo, también podría consultar propiedades como contenteditable y designMode, aunque no estoy seguro de lo bien que son compatibles.

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

Answer 3

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