Backbone.js – Ereignisse in den Sammlungen

Wie wir wissen sollten, sind die Sammlungen ein sehr wichtiger Bestandteil in Backbone.js , um die dynamischen Daten unserer Anwendung zu verarbeiten. Wenn wir jedoch nur davon abhängen, müssen wir wahrscheinlich jedes Mal eine große Menge Code erstellen, wenn wir eine Ansicht erstellen müssen, die uns repräsentiert unsere kollektionen.

Mit dem Einsatz von Thorax können wir die Möglichkeiten dieser Erweiterung nutzen, um den Arbeitsaufwand zu reduzieren und somit Anträge in kürzerer Zeit und mit einem effizienteren Code zu stellen.

Helfer der Sammlung

Wir wissen, dass ein Helfer eine Gruppe von Methoden ist, die uns bei einem bestimmten Thema helfen. Bei Sammlungen hilft uns der Helfer von Thorax dabei, Ansichten aus diesen zu generieren. Auf diese Weise können wir einen effizienteren Code wiederverwenden und schreiben Dies erleichtert uns die Wartung unserer Anwendung und die Art und Weise, wie wir unsere Funktionen entwickeln können.

CollectionView
Im speziellen Fall von Thorax haben wir die Sammlungsansicht , die uns hilft, jedes Element unserer Sammlung zu erfassen und eine Ansicht zu generieren, die sich entsprechend dem Verhalten dieser Elemente ändern kann.

Schauen wir uns ein einfaches Beispiel an, wie dieser Helfer eine Ansicht aus einer Sammlung erstellt.

backbone_helper_coll_thorax.jpg

Diese Sammlung enthält eine Reihe von Elementen, in diesem Fall Haustiere, und jedes hat einen Namen. In unserer Javascript- Anwendung haben wir dann Folgendes:

backbone_helper_coll_thorax2.jpg

Wie wir sehen können, hilft uns der Helfer dabei , das Element aus der Auflistung mit ein paar Codezeilen zu erstellen.

Verfügbare Attribute

Um unser Leben zu erleichtern, können wir eine Reihe von Attributen in unserem HTML-Code verwenden, die uns eine Interpretation von Thorax liefern, die uns nützlich sein kann. Sehen wir uns an, was wir verwenden können:

Artikelvorlage
Es ermöglicht uns, eine Vorlage für jedes Modell anzugeben.

Artikelansicht
Es ist eine Klasse, die verwendet wird, wenn wir jede Ansicht der Elemente der Sammlung erstellen.

leere Vorlage
Dies ist die Standardvorlage, die verwendet wird, wenn die Sammlung leer ist. Auf diese Weise können wir den Fall abdecken, dass keine Ergebnisse vorliegen.

leere Ansicht
Wie bei der leeren Vorlage wird hierdurch die Ansicht generiert, wenn wir keine Elemente in unserer Sammlung haben.

Bedingte Blöcke

See also  Erstellen Sie mit Amazon Web Services einfach und kostenlos in 10 Minuten ein VPN

Es gibt ein Tool, das die bedingten Blöcke sind , mit denen wir Fälle angeben können, sodass unsere Sammlung je nach Fall die eine oder andere Ansicht anzeigen kann.

backbone_helper_coll_thorax3.jpg

In diesem Fall sehen wir, wie wir das eine oder andere Element definieren, falls in der Auflistung noch keine Elemente geladen sind. Dies erspart uns viel Arbeit und Validierungen, die einen Code komplexer als nötig machen.

Damit haben wir dieses Tutorial beendet, da wir sehen, dass Backbone.js und seine Flexibilität uns die Möglichkeit geben, die Erweiterungen zu verwenden, mit denen wir unsere Anwendung so ordnen können, wie wir es uns wünschen Builds sind von unschätzbarem Wert. Wichtig ist, dass Sie wissen, wie Sie diese Hilfsmittel verwenden und den bestmöglichen Code erstellen.

administrator

Leave a Reply

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