Как осуществить переход между списком и детальной страницей (MVVM)?

Question

[Anton Guz]

Есть one-page-application на стеке Knockout/Durandal.
Есть модель из элементов (View) и две вьюмодели для списка (ListViewModel) и детальный вид (DetailViewModel).

Нужно при переходе список-детальный_вид-список сохранять состояние списка: позицию скролла, отмеченные элементы, загруженные элементы при infinite scroll.

Как тут google groups:



Сейчас при каждом возврате "назад" список ререндерится.

Вопросы:
Каким образом ЭТО сделать?
Какой принцип/паттерн можно использовать?
Существующие решения?

Answer 1

[lega]

Сейчас при каждом возврате "назад" список ререндерится.

Зачем? Его можно просто скрывать. Там скорее всего так и сделано.

Comments

[Anton Guz]

> Его можно просто скрывать. Там скорее всего так и сделано.
— Если вы про display: none/visability: hidden - то нет, там сделано не так. Текущий view полностью удаляется из html.
>Зачем?
— Удалять html полностью и хранить в памяти в переменной эффективнее, чем сохранять в html через display: none на "авось".

[lega]

Да, элемент (кусок) выкусывается из DOM, но не разрушается, это видно если изменить этот DOM вручную, и при возврате вставляется обратно.
Эффективнее для чего? Для скорости переключения как раз эффективнее скрывать блоки. А выкусывание DOM и хранение в переменной памяти не сэкономит. Да и та страница не так уж и много жрет что-б на DOM экономить.
Это либо фича фреймворка, либо ещё какой-то тайный смыл, может для большей изоляции view-х друг от друга...
В любом случае каждый раз рендерить заново - плохой вариант. имхо.