Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   редактирование таблицы (https://javascript.ru/forum/misc/45599-redaktirovanie-tablicy.html)

psfdek 07.03.2014 14:30

редактирование таблицы
 
Как сделать так: выводим таблицу из базы данных, в <table> затем при нажатии кнопки редактировать на строку <tr> все <td> становились <input> и можно было редактировать и затем при нажатии применить или Ctrl+Enter сохранялось и снова становилось таблицей. Может быть есть уже готовые примеры подскажите...

ksa 07.03.2014 14:39

Цитата:

Сообщение от psfdek
при нажатии кнопки редактировать на строку <tr> все <td> становились <input> и можно было редактировать

Дык так и сделай...
Создавай динамически те инпуты... Заполняй их значениями из ячеек...
А потом обратно...

В чем именно проблема?

psfdek 07.03.2014 15:02

Как их создавать в этом и вопрос :)

рони 07.03.2014 15:28

psfdek,
поиск по форуму вашей темы сразу даёт несколько примеров :cray:
удалить элемент input с сохранением его значения в <td>

kostyanet 07.03.2014 20:07

Простой ответ - contenteditable.

Не простой подразумевает типы столбцов и запись значений куда-то еще кроме ячейки.

Создать можно заранее, а потом только показывать в нужном месте.

kostyanet 07.03.2014 20:13

Из своего опыта. Однопольная система отстой. В phpMyAdmin так сделано и жутко достает когда достается что-то там поправить изредка. Эффективнее рендерить всю строку, что открывает обычную возможность переходить с поля на поле табулятором и мгновенно все править.

psfdek 11.03.2014 11:02

Цитата:

Сообщение от рони (Сообщение 301586)
psfdek,
поиск по форуму вашей темы сразу даёт несколько примеров :cray:
удалить элемент input с сохранением его значения в <td>

Там данные в табличном виде, без инпутов. А можно ли затем сразу записать их в БД из таблицы которую редактировал?
И как?

рони 11.03.2014 11:12

Цитата:

Сообщение от psfdek
Там данные в табличном виде, без инпутов

Цитата:

Сообщение от psfdek
все <td> становились <input>

как понять вас?

в примере как раз при клике ячейка становится инпутом - отредактировали кликнули вне таблицы всё введённое сохранилось -- потом обошли все ячейки и отправили отправили данные на сервер

psfdek 11.03.2014 11:25

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

Преобразовать все td в input и занести в массив и потом через While записать в базу. Так? Или это пурга?

Или с помощью ajax сделать что бы каждый отдельный тег тд менялся на инпут при редактировании и после закрытия инпута преобразования обратно в тд и записывал себя в базу, но я не знаю как это сделать.

Как в phpmyadmin

рони 11.03.2014 11:29

psfdek,
зачем вам инпуты то -- берите информацию прямо из ячеек


Часовой пояс GMT +3, время: 08:05.