brg в рубрику HTML и CSS

Вопрос: Сброс/хранение изменений в форме после обновления страницы

Если внести в HTML форму какие то данные (заполнить textfield или поставитьгалочку в checkbox), то при нажатии F5 или мышкой по иконке, эти изменения запоминаются браузером.

И это в принципе хорошо, но проблема возникает из-за того, что имеется порядка 1000 сущностей у каждой из которых может быть до 8 настроек, которые по-дефолту выключены (поэтому сразу в HTML нет смысла их рисовать, т.к. браузер надрывается рендерить). Т.е. оптимально было бы сделать 1000 checkbox (что в принципе не сильно лагает), при клике на который JS рисовал бы остальные 7 настроек, это всё без проблем. И тут проблема в том, что при нажатии F5 браузер сохраняет включенное значение у чекбокс, но при этом (что логично) убирает нарисованные JS'ом элементы.

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

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

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

Страницы с таким количеством сущностей будут появляться редко, но точно будут. Разбивать на страницы запрещено человеком, который будет работать с данным сервисом, поэтому я прям не знаю что сделать.

Задайте свой вопрос

Если у вас есть вопрос по разработке или дизайну сайтов, вы можете задать его на Временно.нет и тысячи наших читателей помогут вам найти на него ответ.

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 1

brg
((((
#
brg

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler