JavaScript простая сетка?

Question

Мне нужен простой (HTML/JavaScript) рабочий пример для следующей цели. В таблице с тремя столбцами и 5 строками первый столбец представляет собой текстовое поле. Второй столбец - кнопка/ссылка EDIT, а в третьем столбце - кнопка/ссылка SAVE.

Когда я нажимаю на EDIT, скажем, что 3-я строка, текстовое поле в 3-й строке должно стать редактируемым. Я ввожу текст, затем нажмите «СОХРАНИТЬ». Он должен вернуться в режим только для чтения. Предпосылка должна быть редактируемой по ряду причин.

Можете ли вы привести рабочий пример? Или указать мне на соответствующий ресурс?

Answer 1

См. YUI DataTable. Не совсем то, что вы просили, но это может стать разумной отправной точкой.

Answer 2

Я предлагаю заглянуть в рамки. Поверьте мне, если ваша цель за этим не учится тому, как что-то работает (я не получаю такого впечатления от вашей формулировки вопроса), вам будет намного сложнее реализовать с нуля, чем использовать фреймворк.

Я бы предложил посмотреть на Ext Framework (мои личные предпочтения), так как у них очень простой EditableGrid, который можно быстро установить и использовать.