Rückgrat zeigen/ausblenden gerenderte Ansichten best practices

Neu mit Rückgrat und haben eine sehr einfache Anwendung. Grundsätzlich gibt es Clients und ClientItems. Ich habe eine Ansicht um alle Kunden und die, wenn Sie auf einem Client, den Sie get genommen, um Ihre ClientItems. Gehen Sie zu dieser ClientItems Ansicht sollte nur verbergen, die Kunden und gehen zurück zum Kunden ausblenden soll ClientItems. Nun, in meinem render() - Funktion für jede Ansicht, es werde durch die Sammlungen und dynamisch hinzufügen von Sachen auf der Seite. Wenn ich das hin und her zwischen den beiden (mit der zurück-Taste), die ich nicht wirklich brauchen, um vollständig zu Rendern wieder alle Daten gibt es auf der Seite nur versteckt. Wo soll dieser Logik gehen? Jetzt habe ich es in den render() - Funktion, aber es fühlt sich schlampig, was ist die bevorzugte Art des Umgangs mit diesen?

InformationsquelleAutor Brandon | 2012-02-22
  1. 12

    Verwenden wir eine Globale variable App mit mehreren gemeinsamen Funktion in Anwendung:

    var App = {
    initialize : function() {

        App.views = {
            clientView : new ClientsView(),
            clientItemView : new ClientsItemsView()
        }
    },

    showView: function(view){
        if(App.views.current != undefined){
            $(App.views.current.el).hide();
        }
        App.views.current = view;
        $(App.views.current.el).show();
    },

    ...
}

    Und dann benutze ich diese App aus anderen teilen der Anwendung:

    App.showView(App.views.clientView);
    • Sieht gut aus. Ich sehe, dass Sie den Blick rechts von der Fledermaus in initialize. Ist dies eine gemeinsame Sache zu tun? Würden Sie das gleiche tun mit Sammlungen? Macht Sinn für mich, jetzt da ich mich immer nur gehen zu müssen, eine einzelne Instanz von beiden, aber ich bin immer noch lernen.
    • wir erstellen die Ansichten sofort, alle anderen Sachen werden erstellt, wenn Sie benötigt wird. Man könnte natürlich hinzufügen require.js und die init-Ansicht bei der ersten erforderlich.
    • Wir sind mit App.Blick.aktuelle.show (), so dass keine zusätzliche Logik mit Respekt zu zeigen, werden dort durchgeführt (es können auch andere Ereignis-Listener, die sich ändern)
    InformationsquelleAutor
  2. 5

    IntoTheVoid die Lösung ist gut – es ist schön, einen einzigen Ort zu verstecken/zeigen Ansichten. Aber wie aktivieren Sie die Logik?

    In meiner Erfahrung, die Router sind der beste Ort dafür. Wenn sich eine route ändert, und die entsprechende Funktion wird aufgerufen, Sie sollten das update auf die aktive, sichtbare Ansicht(s).

    Was ist, wenn man mehrere Ansichten werden auf einmal sichtbar? Wenn Sie einen primären Ansicht, dass ändert sich immer, wenn sich die route ändert, und mehrere Tochterunternehmen klebrigen Blick, Sie müssen sich keine sorgen machen. Aber wenn es komplexer ist als das, denken Sie an die Schaffung einer ComboView, dass ordentlich Pakete alle relevanten Ansichten, die in einer mit el Knoten. So die obige Logik funktioniert immer noch, und Ihre router-Funktionen sind nicht übersät mit Logik für die Verwaltung, welche Ansichten sichtbar sind, ist im moment.

    InformationsquelleAutor Christian Willman
Schreibe einen Kommentar