jQuery: сделать содержимое ячеек таблицы редактируемым

Question

В настоящее время я работаю над небольшим проектом движка приложения с python, jquery.

У меня есть простая таблица (например, информация о людях) с ячейкой «Редактировать» в последнем столбце каждой строки,пожалуйста, обратитесь к этой демонстрации jsfiddle.

Если я нажму «Редактировать», я бы хотел, чтобы другие ячейки в этом ряду были редактируемыми, а «Редактировать» превратилось в «ОК»;

Затем я могу отредактировать ячейки имени, возраста и т. Д. Если я нажму «ОК», обновленное содержимое будет отправлено, «ОК» снова вернется к «Редактировать», и ячейки снова станут нормальными (не редактируемыми)..

Есть идеи, как это реализовать?заранее спасибо.

Answer 1

Может быть, это то, что вы хотите:

http://jsfiddle.net/AnLFS/

var editButton = $('#edit');
editButton.on('click', function(){
   $('textarea').removeAttr('readonly');
});​

Answer 2

Одним из решений было бы реализовать плагин jEditable и datatables для jQuery. На сайте плагина datatables есть пример, иллюстрирующий это.

http://datatables.net/examples/api/editable.html

Answer 3

Еще одно достойное решение: встроенное редактирование, другие функции, фильтрация и т. Д. http://www.apphp.com/php-datagrid/examples/sample_2_2_demo.php

Answer 4

Вам нужен встроенный редактор, например: http://www.yvoschaap.com/instantedit/ и jquery: http://jquery -in-place-editor.googlecode.com / svn / trunk / demo / index.html