1. дома
  2. Вопрос и ответ
  3. jQuery: создание содержимого ячеек таблицы editable

jQuery: создание содержимого ячеек таблицы editable

2012-03-24 2 views
0

В настоящее время я работаю над небольшим проектом с проектом python, jquery.jQuery: создание содержимого ячеек таблицы editable

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

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

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

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

источник

2012-03-24 cnherald

ответ

1

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

http://jsfiddle.net/AnLFS/

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

источник

2012-03-24 02:14:37

+1

К путь, остальная часть вашего запроса легко выполнить. Просто вызовите событие, когда вы нажмете «Ok» (или что-то еще), отправьте свою информацию на свой сервер (в запросе ajax) и снова установите атрибут «readonly». –

+0

спасибо, Роберт. я могу использовать «toggle» вместо «onclick», чтобы переключаться между «Edit» и «OK» (просьба указать: http://jsfiddle.net/87Spr/1/)? любая идея, как собрать обновленный контент из этих текстовых областей с помощью ajax? – cnherald

+1

Вы можете использовать toggle с помощью $ ('# element'). Toggle (function() {// изменить для редактирования}, function() {// изменить на OK}). Вы собираете обновленный контент через $ ('# yourtextarea'). Val(), а затем используете $ .ajax (http://api.jquery.com/jQuery.ajax/). –

Смежные вопросы

 Смежные вопросы