✅ Backbone.js – Verschachtelte Ansichten

Inhaltsverzeichnis

Wenn wir mit arbeiten Backbone.js Wir haben viele Möglichkeiten, dasselbe zu tun, es hängt davon ab, wonach wir suchen und wie wir als Entwickler das eine oder andere in den Fällen tun können, in denen sie sich bewerben.
Berücksichtigen, dass eine verschachtelte Ansicht bei der Realisierung von Anwendungen einer einzelnen Seite nützlich sein kann, die bei der Verwendung verfolgt werden Backbone.js als Javascript-Framework.
Ansichten mit jQuery kombinieren
Wie wir wissen, bestehen die Seiten aus verschachtelten Elementen, daher sind die Ansichten von Backbone.js Elementen innerhalb dieser Seite entsprechen, so ist das Verschachteln einer Ansicht nichts anderes als das Verschachteln eines Elements in einem anderen, das sich in diesem Fall als Ansichtstyp herausstellt.
Eine der einfachsten Möglichkeiten, dies zu erreichen, ist die Verwendung von jQuery dank seiner Methoden zum Hinzufügen HTML zu bestehenden Elementen mit dem .append()-Methode. Sehen wir uns im folgenden Bild ein Beispiel dafür an, worüber wir sprechen:

Hier sehen wir, wie wir zwei Elemente des Typs erstellen Unteransicht So erstellen Sie die verschachtelten Ansichten, dann mit dem .append()-Methode Wir fügen sie dem entsprechenden Container hinzu. Dies ist ein ziemlich einfacher Ansatz, der für uns in Fällen funktionieren kann, in denen die Ansichten nichts zusätzliches benötigen, sondern nur einen Ort zum Anzeigen.
Verwenden von SetElement()
Dies ist eine weitere Möglichkeit, das Problem der Erstellung einer verschachtelten Ansicht zu lösen. Das Problem ist, dass sie etwas komplexer ist als die vorherige Version, die wir mit gesehen haben jQueryWenn wir also auf die erste Weise lösen können, sollten wir uns keine Sorgen machen, aber wir sehen unten, wie wir diese Lösung anwenden können:

Hier sehen wir, wie wir zuerst unsere initialisieren verschachtelte Ansichten, dann haben wir beim Rendern der Hauptansicht die erstellten Unteransichten platziert und mit den setElement-Methode wir haben sie dem entsprechenden Container hinzugefügt.
NachteilDer Hauptnachteil davon ist, dass wir den Namen des Tags nicht festlegen können, daher müssen wir die Ereignisse neu delegieren, was unserer Anwendung eine zusätzliche Komplexitätsebene hinzufügt.
Andere Alternativen
Eine andere Möglichkeit, dies zu tun, ist zum Beispiel die Verwendung einer Erweiterung Marionette oder Thorax, diese Erweiterungen verfügen bereits über die logische Ebene, die dafür erforderlich ist Funktionen zum Verschachteln von Ansichten, damit müssen wir uns nur noch darum kümmern, die Logik unserer Anwendung zu schreiben.
Wie wir sehen Backbone.js Es ist breit und flexibel genug, um zuzulassen, dass dasselbe Problem unterschiedliche Lösungen hat. Es liegt an uns, welche Lösung wir anwenden und wie wir sie lösen, damit unsere Anwendung das ist, was wir uns vorgestellt haben und dass unsere Benutzer gewinnen.
Wie wir sehen, erstellen Sie eine verschachtelte Ansicht in Backbone.js Obwohl es eine einfache Aufgabe ist, kann sie sehr komplex sein, aber wir können ihr, wie wir gezeigt haben, mit verschiedenen Lösungen begegnen. Es ist sehr wichtig, keine Angst davor zu haben, wie schwierig es sein kann, eine Lösung anzuwenden, wir haben einfach aufgeschlossen zu sein und in der Dokumentation zu untersuchen, was unseren Bedürfnissen am besten entsprichtHat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben