Backbone.js – Verschachtelte Ansichten

Wenn wir mit Backbone.js arbeiten , haben wir viele Möglichkeiten, das Gleiche zu tun. Es hängt davon ab, wonach wir suchen und auf welcher Ebene wir als Entwickler in der Lage sind, das eine oder andere in den Fällen zu tun, in denen sie sich bewerben.

Berücksichtigen Sie, dass eine verschachtelte Ansicht bei der Realisierung von Anwendungen einer einzelnen Seite hilfreich sein kann, die bei der Verwendung von Backbone.js als Javascript-Framework verfolgt werden.

Ansichten mit jQuery kombinieren

Wie wir wissen, bestehen die Seiten aus verschachtelten Elementen. Daher entsprechen die Ansichten von Backbone.js den Elementen auf dieser Seite, sodass das Verschachteln einer Ansicht nichts anderes ist als das Verschachteln eines Elements in einem anderen, was in diesem Fall der Fall ist vom Typ gesehen.

Eine der einfachsten Möglichkeiten, dies zu erreichen, ist die Verwendung von jQuery dank seiner Methoden zum Hinzufügen von HTML zu vorhandenen Elementen mit der .append () – Methode. In der folgenden Abbildung sehen wir ein Beispiel für das, worüber wir sprechen:

backbone_vistas_anidadas.jpg

Hier sehen wir, wie wir zwei Elemente des Subview- Typs erstellen, mit denen die verschachtelten Ansichten erstellt werden. Mit der .append () -Methode fügen wir sie dann dem entsprechenden Container hinzu. Dies ist ein einfacher Ansatz, der für uns funktionieren kann, wenn die Ansichten nicht vorhanden sind Sie brauchen nichts Zusätzliches, nur einen Ort, an dem sie auftauchen können.

SetElement () verwenden

Dies ist eine weitere Möglichkeit, das Problem des Erstellens einer verschachtelten Ansicht zu lösen. Das Problem ist, dass es etwas komplexer ist als die vorherige Version, die wir mit jQuery gesehen haben. Wenn wir es also auf die erste Weise lösen können, sollten wir uns keine Sorgen machen, wie auch immer wir sehen Im Folgenden erfahren Sie, wie wir diese Lösung anwenden können:

See also  Siehe Arbeitskapazität im Zeitverlauf in Project 2013

backbone_vistas_anidadas2.jpg

Hier sehen wir, wie wir zuerst unsere verschachtelten Ansichten initialisiert haben, dann zum Zeitpunkt des Renderns der Hauptansicht die erstellten Unteransichten platziert und sie mit der setElement-Methode dem entsprechenden Container hinzugefügt haben.

Nachteil
Der Hauptnachteil besteht darin, dass wir den Namen des Tags nicht festlegen können. Daher müssen wir die Ereignisse neu delegieren und unserer Anwendung eine zusätzliche Komplexitätsebene hinzufügen.

Andere Alternativen

Eine andere Möglichkeit, dies zu tun, ist die Verwendung einer Erweiterung, zum Beispiel Marionette oder Thorax . Diese Erweiterungen verfügen bereits über die erforderliche logische Ebene, um diese Funktionalität von Verschachtelungsansichten zu handhaben. Daher müssen wir uns nur mit dem Schreiben der Logik unserer Anwendung befassen.

Wie wir sehen, ist Backbone.js breit und flexibel genug, um dem gleichen Problem unterschiedliche Lösungen zu ermöglichen. Daher ist es bereits Teil unserer Entscheidung, welche Lösung angewendet und wie gelöst werden soll, damit unsere Anwendung das ist, was wir visualisiert haben und das unsere Benutzer verlassen Gewinner

Wie wir sehen, ist die Erstellung einer verschachtelten Ansicht in Backbone.js zwar eine einfache Aufgabe, sie kann jedoch sehr komplex sein. Wie wir gezeigt haben, können wir mit unterschiedlichen Lösungen umgehen. Es ist sehr wichtig, keine Angst zu haben, wie schwierig oder nicht schwierig es sein kann, a anzuwenden Lösung, wir müssen nur offen sein und in der Dokumentation nachforschen, was unseren Bedürfnissen am besten entspricht

administrator

Leave a Reply

Your email address will not be published. Required fields are marked *