2016-03-29 11 views
2

Ich habe 2 verschiedene Layouts. Eine für vor dem Login und eine weitere für nach dem Login.Mehrere Ansicht Layout Framework7 Hybrid-Anwendung

Ich habe bereits die Anweisungen hier gelesen. http://framework7.io/docs/views.html

Und kann immer noch nicht verstehen, warum meine apps so geworden:

Middle part of this application

Es zeigen zwei Ansichten auf einmal. Kann beide Ansichten vollständig durchlaufen.

Dies ist die js beteiligt: ​​

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

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

Antwort

1

Jede Ansicht mit seinem eigenen Inhalt und seine eigenen Geschichte einfach ein div ist. Also, nur um sie als divs zu verwenden:

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 

Natürlich ist diese sehr seltsame Art und Weise ist Ansichten zu verwenden, aber ich hoffe, Sie wissen, was Sie tun. Bitte lesen Sie die Dokumentation erneut.

+0

Hallo, Teo! Können Sie ein Beispiel für eine bessere Herangehensweise an das Problem geben? –

+0

Mann, du bist so ein Optimist!) Letztes Mal benutze ich dieses Framework vor mehr als einem Jahr und es war nicht mein Code, ich habe es unter NDA geschrieben. – Teo

+0

OK, lassen Sie uns versuchen, detaillierter zu erklären. Jede Ansicht in Framework7 ist ein div-Element. Ohne andere Stile oder Skripte wird es wie jedes andere div auf der Seite platziert. Der Unterschied besteht darin, dass die Ansicht Seiten in sie laden und ihren eigenen Verlauf speichern kann. Sie können sie auf dieselbe Weise wie andere div anzeigen und ausblenden. Code in Beispiel nur mit Framework-Methoden anstelle von reinem js: $$ ('. View-main') // Holen Sie sich die Hauptansicht von seiner Klasse .view-main .hide(); // und unsichtbar machen $$ ('. another-view') // eine andere Ansicht erhalten .show(); // und mache es sichtbar – Teo