JQuery - редактировать строку таблицы в строке
У меня есть таблица с произвольными столбцами и строками. Этот факт не имеет значения, хотя на самом деле все, что я хочу сделать, это разработать функцию, которая превратит строку (или несколько строк) в серию текстовых входов, содержащих данные в таблице (или пустых, если данных в ячейке нет).
Я не могу найти примеров, чтобы люди явно делали это, поэтому мне стало интересно, что люди здесь считают лучшим способом найти решение.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Обходите ячейки таблицы в строках и замените содержимое текстовыми полями:
function editRow(row) {
$('td',row).each(function() {
$(this).html('<input type = "text" value = "' + $(this).html() + '" />');
});
}
Очевидно, вам необходимо передать соответствующую строку / строки в функцию.
Я ответил упрощенно, как вы это описали. Я обычно использую скрытый ввод с данными в необработанном виде и загружаю им текстовый ввод.
@EranGalperin Вы случайно не знаете, как можно сохранить текст после реализации вашего примера? Я заметил, что значение ввода по-прежнему остается исходным даже после ввода.
как говорит Эран.
однако вы также можете посмотреть такие свойства, как contenteditable и designMode, хотя я не уверен, насколько хорошо они поддерживаются.
после того, как вы заменили содержимое текстовыми полями, вы можете использовать плагин jquery toggleEdit для управления переключением их между режимом предварительного просмотра и режимом редактирования.
используйте http://code.google.com/p/jquery-inline-editor/, он делает именно то, что вам нужно
Что произойдет, если в содержимом ячейки есть html-сущности?