In diesem Rückgrat.JS Framework Tutorial, wir werden die Reset () -Methode in der Sammlungsklasse diskutieren.
Einführung
Rückgrat.JS ist ein Framework, mit dem Webanwendungen erstellt werden können, die dem Stil von JavaScript folgen.
Es unterstützt Modelle, Veranstaltungen, Sammlungen, Ansichten und Dienstprogramme.
Mithilfe einer der oben genannten Funktionen können wir in einer Webanwendung unterschiedliche Vorgänge für die angegebenen Daten erstellen und ausführen.
Punkte, die man sich merken sollte
Die Struktur, um den Code zu platzieren
CDN -Links werden mit dem SRC -Attribut des Skript -Tags platziert.
CDN -Links:
Reset () Methode im Rückgrat.Die JS -Sammlung wird verwendet, um die Modellinstanzen aus einer Sammlung zurückzusetzen oder zu entfernen. Es setzt auch die vorhandene Sammlung mit neuen Modellinstanzen in einer Sammlung zurück.
Syntax:
Collection_Object.Zurücksetzen (Modell, Optionen)Es dauert zwei Parameter.
Zu entfernen: Collection_Object.zurücksetzen()
Für neue Modellmodellinstanz Reseting: Collection_Object.Reset (model_instance)
Ansatz
1. Erstellen Sie ein Backbone -Modell mithilfe der Extend () -Methode.
Syntax:
var modelClass = Backbone.Modell.erweitern();
2. Erstellen Sie eine Backbone -Sammlung mithilfe der Extend () -Methode und bestehen Sie die Modellklasse.
Syntax:
var collectionclass = Backbone.Sammlung.erweitern(
Modell: Modellklasse
);
3. Erstellen Sie ein Objekt oder eine Instanz für die Sammelklasse.
Syntax:
var collection_instance = new CollectionClass ();
4. Erforschen Sie die Reset () -Methode im Rückgrat.JS -Sammlung.
Lassen Sie uns einige Beispiele des Rückgrats diskutieren.JS Collection Reset () Methode.
Beispiel 1: Aktualisieren Sie die neue Modellinstanz in der Sammlung mit Reset ()
In diesem Beispiel werden wir eine modale Klasse mit dem Namen "Flowers" und eine "FlowerCollection" -Sammelklasse erstellen. Wir werden unsere Modellklasse „Blumen“ darin bestehen.
Danach müssen wir fünf Instanzen für das Modell „Blumen“ mit drei Attributen erstellen: (Flower_Name, Flower_sepals, Flower_petals).
Wir werden eine "Flower_Collection", eine Instanz der "FlowerCollection" -Kollektion, erstellen. Anschließend werden wir die Instanz des „Blumenmodells“ zur Sammlungsinstanz mit add () -Methode hinzufügen.
Wir werden diese fünf Modellinstanzen zurücksetzen und eine neue Modellinstanz mit zwei Attributen platzieren.
Schließlich zeigen wir die Sammlung mit dem JSON an.Stringify () Methode.
Ausgang:
Führen Sie die Anwendung in Ihrem Browser aus, indem Sie den Code in der Datei mit speichern .HTML als Erweiterung.
Hier sehen wir die Reset () -Methode, die die alten Instanzen in einer Sammlung mit einer neuen Instanz zurücksetzen.
Beispiel 2: Entfernen Sie Modellinstanzen aus der Sammlung mit Reset () aus der Sammlung
In diesem Beispiel werden wir eine modale Klasse mit dem Namen "Flowers" und eine "FlowerCollection" -Sammelklasse erstellen. Wir werden unsere Modellklasse „Blumen“ darin bestehen.
Danach müssen wir fünf Instanzen für das Modell „Blumen“ mit drei Attributen erstellen: (Flower_Name, Flower_sepals, Flower_petals).
Wir werden eine "Flower_Collection", eine Instanz der "FlowerCollection" -Kollektion, erstellen. Und wir werden die Instanz des „Blumen“ -Modells zur Sammlungsinstanz mithilfe von add () -Methode hinzufügen.
Jetzt entfernen wir alle vorhandenen Modellinstanzen mit Reset ().
Schließlich zeigen wir die Sammlung mit dem JSON an.Stringify () Methode.
Ausgang:
Führen Sie die Anwendung in Ihrem Browser aus, indem Sie den Code in der Datei mit speichern .HTML als Erweiterung.
Hier entfernt die Reset () -Methode alle alten Modellinstanzen in einer Sammlung.
Abschluss
In diesem Rückgrat.JS Tutorial, wir haben die Reset () -Methode in der Sammlung besprochen. Es würde die alten Modellinstanzen zurücksetzen und sie mit neuen Instanzen festlegen, wenn wir keine Instanz angegeben haben. Es wird die gesamten Modellinstanzen aus einer Sammlung entfernt.