Таблица не сохраняет выбор

Question

Я использую подход Wizard.

На первом экране я использовал логику для выделения строк таблицы. Пользователь переходит на второй экран / страницу, и теперь его просят заполнить текстовое поле и отправить форму. После отправки формы, когда пользователь возвращается на первый экран / страницу, строки больше не подсвечиваются.

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

Answer 1

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

Итак, варианты:

1) не перезагружать страницу; иметь несколько разделов (например, div) и показывать / скрывать различные разделы, используя javascript (который может включать или не включать ajax и не должен быть интерфейсом с вкладками). В этом сценарии вы можете сохранить выбранные строки в переменной javascript.

2) перезагрузите страницу, но разместите выбранные строки на сервере и запомните их там (например, в сеансе), а затем выберите их снова, когда вернется первая страница. Не могу предложить более подробную информацию о том, как это сделать, не зная, что вы используете на стороне сервера (например, PHP, Java), но идея состоит в том, чтобы использовать javascript для помещения выбранных строк в данные POST, например, установив скрытое поле для выбранных строк.

3) иметь различные «экраны», которые вы загружаете, в пределах iframe и сохранять выбранные строки из первого экрана в переменной javascript в контексте родительской страницы (которая никогда не перезагружается). Это можно сделать, если внутренние и внешние страницы находятся в одном домене.

Answer 2

В дополнение к предложениям JacobM:

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

5) В зависимости от ваших целевых браузеров, вы можете использовать DOM Storage или что-то вроде PersistJS