Ember.js hinzufügen und entfernen von Ansichten aus dem DOM?

Ich bin auf der Suche in ember.js nach der Arbeit mit SproutCore 1 zuvor. Ich bin auf der Suche nach einigen Beispielen auf, wie das hinzufügen und entfernen von Ansichten aus dem DOM zu navigieren des Benutzers in der Anwendung.

Zum Beispiel, ich habe eine Anwendung, die enthält eine Reihe von Fällen und in jedem einzelnen Fall einen workflow. Dort sind auch die Verwaltung der Seiten usw.

Wenn der Benutzer startet die app, eine dashboard-ähnliche Benutzeroberfläche angezeigt wird. Von hier aus wird der Benutzer in der Lage zu suchen-oder klicken Sie auf einen Fall in Ordnung bringen, der Fall. An dieser Stelle möchte ich Folgendes tun:

  • Ich möchten, entfernen Sie die GUI für das Dashboard, und ich will zeigen das GUI für den Fall - das ist eine komplexe GUI in sich selbst mit seinen eigenen Satz von Navigations-Regeln, usw.
  • Auch, in dem Fall möchte ich hinzufügen und entfernen von teilen der GUI, wie der Benutzer navigiert und manipuliert der Fall ist.
  • Wenn der Benutzer klickt auf den "Dashboard" - link möchte ich die aktuelle GUI entfernt werden, und das "dashboard" wieder Hinzugefügt werden.

Werden, es wird eine etwas größere Anwendung bin ich nicht sicher, ob das Umschalten der isVisible-parameter ausreichend ist, oder wenn andere Maßnahmen ergriffen werden, um nicht zu überlasten den browser des Benutzers.

Gibt es ein Handbuch oder ein Beispiel, das zeigt, wie dies zu tun ?

  • Sollten Sie sich im code für den ember-Staaten.
  • ud3323: Danke, habe ich, aber das lässt zwei Fragen: 1. Wie kann ich die hinzufügen und entfernen von childViews, und 2. wo im code muss ich sagen MyApp.statemanager.create() ? Putting, dass code, der in Ember.- Anwendung.create({ready: function({ //hier })}); scheint zu laden, das statechart nur vor den Ansichten, die erstellt werden, in meinem index.html.
  • Das einer der großen Unterschiede zwischen den alten SC 1.x statecharts und die neue ember-Staaten ist ViewStates. Im Grunde ist es Griffe hinzufügen/entfernen von Ansichten in Ihrem statechart. Für deine andere Frage, wenn Sie anrufen Ember.StateManager.erstellen, initialisieren Sie das Zustandsdiagramm an und geben Sie Ihre Initialen Zustand für Sie.
  • Ich habe gerade festgestellt ViewStates, kurz vor der Lektüre dieses Kommentar, und ich muss sagen, Sie sind sehr schön in der Tat!. Im Fall, dass sich jemand anderes suchen, wie Sie zu benutzen, fand ich dieses JSFiddle: jsfiddle.net/pangratz666/Y7dqt
  • Der Umgang mit childViews obwohl? Hier ein jsFiddle auf die Frage zu erklären: jsfiddle.net/GyZgy/3
  • Ich habe aktualisiert Ihre jsFiddle: jsfiddle.net/joachimhs/GyZgy/4 Ist es das, was Sie fordern ?
  • Das ist genau das, was ich suchte. Ich habe versucht, ohne eine container-Ansicht obwohl.

InformationsquelleAutor Joachim H. Skeie | 2012-01-10
  1. 9

    WARNUNG: VERALTETE ANTWORT

    Blick erbt von Ember.View was bedeutet, es wird einige der wichtigsten Methoden. append(), die an body, appendTo(arg) nimmt ein argument und remove().

    Das argument ist ein jQuery-Stil-Auswahl, wo Sie das element einfügen in den DOM.

    //my view
App.PartsView = Ember.View.extend({
    ...
});


//create/insert my view
App.partsView = App.PartsView.create();
App.partsView.appendTo('#partcontainer');

    In meinem code habe ich eine <div id="partcontainer"></div>.

    //remove from DOM
App.partsView.remove();

    Die Dokumentation hat einen guten Teil auf Aufbau einer View-Hierarchie und später in einem Abschnitt über Ember.ContainerView je nachdem, ob Sie möchten, es zu tun alle programmgesteuert oder nicht.

    • Die jQuery-Dokumentation finden Sie eine übersicht über die verfügbaren jQuery-Selektoren.
    • Frage: Sollte man das tun? Es scheint ein bisschen aus der normalen Art und Weise, Dinge zu tun, die mit Ember.
    • Gute Frage. Ich schrieb dies vor fast zwei Jahren, wenn emberjs war viel mehr "unfertig", und ich habe nicht übernachtet up-to-date mit dem, was jetzt passiert. Meine Antwort überholt sein kann.
    • ja leider ist es veraltet. Ich habe das Problem für eine bestimmte version von ember 1.8 stackoverflow.com/questions/27597066/...
    • ich fügte hinzu, einen nicht etwa, dass es veraltet
    InformationsquelleAutor Martin Algesten
Schreibe einen Kommentar