Встроенное редактирование строки или ячейки

Question

Я хочу разработать тестовый проект для встроенного редактирования с использованием jQuery.В этом я хочу разработать, когда я дважды щелкаю по ячейке текстовое поле с размером столбца вместо текста или содержимого, после того, как пользователь введет данные и нажмет клавишу Enter, содержимое ячейки будет обновлено в базе данных с предыдущим значением.Но я понятия не имею, как я могу сделать это с помощью jQuery.Кто-нибудь может рассказать мне о встроенном коде редактирования?

Заранее спасибо

Answer 1

Создайте событие onclick для каждой ячейки, которое заменяет содержимое ячейки текстовым полем с текущим значением ячейки в качестве значения по умолчанию.Сделайте так, чтобы у этого элемента ввода было событие onkeyup, которое прослушивает клавишу ввода и обрабатывает все необходимое при нажатии.

Answer 2

Я бы посмотрел на http://www.appelsiini.net/projects/jeditable для плагина Jeditable, который дает вам поведение, которое вы хотите достичь, и добавляет некоторые дополнительные параметры конфигурации сверху.