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- редактор / , он делает именно то, что вам нужно

Answer 3

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

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

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