JQuery - редактирование строки строки в строке

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

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

Ответ 1

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

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

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

Ответ 2

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

Ответ 3

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

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

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