JQuery - Редактировать строку таблицы в строке

Question

У меня есть таблица с произвольными столбцами и строками. Этот факт не имеет значения, хотя на самом деле все, что я хочу сделать, - это разработать функцию, которая превратит строку (или несколько строк) в серию текстовых входов, содержащих данные в таблице (или пустые, если в ячейке нет данных).

Я не могу найти примеров того, как люди явно делают это, поэтому мне было интересно, что люди здесь считают лучшим способом найти решение.

Answer 1

Переберите ячейки таблицы в строках и замените содержимое текстовыми вводами:

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

Вам необходимо явно передать соответствующую строку / строки в функцию.

Answer 2

используйте http://code.google.com/p/jquery-inline-editor/, это именно то, что вам нужно

Answer 3

как говорит Эран.

однако вы также можете взглянуть на такие свойства, как contenteditable и designMode, хотя я не уверен, насколько хорошо они поддерживаются.

как только вы заменили содержимое текстовым вводом, вы можете использовать плагин jquery toggleEdit , чтобы управлять переключением их между режимом предварительного просмотра и режимом редактирования.