2016-03-29 3 views
2

У меня есть 2 разных макета. Один для входа в систему и еще один после входа в систему.Множественная структура рамочного макета7 Гибридное приложение

Я уже читал инструкции здесь. http://framework7.io/docs/views.html

И еще не могу понять, почему мои приложения становятся так:

Middle part of this application

Это отображение 2 просмотров сразу. Можно прокручивать полностью через оба вида.

Это является JS участие:

var mainView = myApp.addView('.view-main'); 
var anotherView = myApp.addView('.another-view'); 

//to call anotherView after login 
mainView.router.load(anotherView); 

ответ

1

Каждый вид просто ДИВ со своим собственным содержанием и своей собственной истории. Таким образом, просто использовать их как дивы:

var mainView = myApp.addView('.view-main'); 
var anotherView = myApp.addView('.another-view'); 
//init your application somwhere here 
$$('.another-view').hide(); //hide view that after login 
//do somethig and login 
$$('.view-main').hide(); //hide view that before login 
$$('.another-view').show(); //show wiew that after login 

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

+0

Hi, Teo! Не могли бы вы привести пример лучшего подхода к проблеме? –

+0

Мужчина, ты такой оптимист!) В прошлый раз я использую эту структуру больше года назад, это был не мой код, я написал его под NDA. – Teo

+0

Хорошо, попробуем объяснить более подробно. Любой вид в Framework7 является элементом div. Без каких-либо других стилей или скриптов он будет размещен на странице как любой другой div. Разница заключается в том, что представление может загружать в него страницы и хранить собственную историю. Вы можете отображать и скрывать их так же, как и другие div. Код в примере, используя только методы framework вместо чистого js: $$ ('. View-main') // получить основной вид по его классу .view-main .hide(); // и сделать его невидимым $$ ('. another-view') // получить другое представление .show(); // и сделать его видимым – Teo

Смежные вопросы