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, чтобы управлять переключением между режимом предварительного просмотра и редактировать режим.