In diesem Rückgrat.JS Framework Tutorial, wir werden die Push () -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 vorherigen 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

1. Es wird mit JavaScript verwendet.

2. Wir können das Framework innerhalb des Tags implementieren.

3. Dieses Framework unterstützt JavaScript -Methoden und -funktionen wie Ausgabe und Leseneingabe.

4. Das Tag wird in Tag oder im Tag platziert.

5. Es ist wichtig, dass CDN -Links (Content Delivery Network) zur Ausführung der Webanwendung auf dem Server ausgeführt werden.

Lassen Sie uns die Struktur sehen, um den Code zu platzieren

CDN -Links werden mit dem SRC -Attribut des Skript -Tags platziert.

CDN -Links

Die Push () -Methode im Rückgrat.Die JS -Sammlung fügt der Sammlung am Ende ein Modell hinzu. Es ist möglich, der Sammlung ein einzelnes Modell (einzelne Instanz) oder ein Array von Modellen (mehr als eine Instanz durch ein Array) hinzuzufügen.

Syntax:

Collection_Object.Push (Modell, Optionen)

Es dauert zwei Parameter.

1. Modell ist eine Instanz, die am Ende der Sammlung hinzugefügt wird.
2. Der Parameter des Optionen wird verwendet, um festzustellen, ob es sich um ein Modell oder ein Array von Modellen handelt, die am Ende hinzugefügt werden sollen.

Modell - Collection_Object.Push (model_instance1)

Modelle - Collection_Object.push ([model_instance1, model_instance2,…])

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 Push () -Methode im Rückgrat.JS -Sammlung.

Lassen Sie uns mehrere Beispiele des Rückgrats erörtern.JS Collection Push () Methode.

Beispiel 1: Drücken Sie ein einzelnes Modell in die Sammlung

In diesem Beispiel werden wir eine modale Klasse namens - Blumen erstellen und eine FlowerCollection -Sammlungsklasse erstellen. Wir werden unsere Modellklasse (Blumen) darin übergeben.

Danach müssen wir eine Instanz für das Blumenmodell mit drei Attributen erstellen (Flower_Name, Flower_sepals, Flower_Petals).

Wir werden eine Flower_Collection erstellen, die eine Instanz der FlowerCollection -Sammlung ist. Und wir werden die Instanz des Blumenmodells mit der Methode add () zur Sammlung fügen.

Jetzt werden wir eine neue Modellinstanz mithilfe der Push () -Methode in die Sammlung bringen.

Schließlich zeigen wir die Sammlung mit der Methode tojson () an.

Linux -Hinweis

Ausgang:

Führen Sie die Anwendung in Ihrem Browser aus, indem Sie den Code in der Datei mit speichern .HTML als Erweiterung.

Hier fügt die PUSP () -Methode die Blumen2 -Instanz zu Flower_Collection am Ende hinzu.

Beispiel 2: Schieben Sie eine Reihe von Modellen in die Sammlung

In diesem Beispiel werden wir eine modale Klasse namens - Blumen erstellen und eine FlowerCollection -Sammlungsklasse erstellen. Wir werden unsere Modellklasse (Blumen) darin übergeben.

Danach müssen wir eine Instanz für das Blumenmodell mit drei Attributen erstellen (Flower_Name, Flower_sepals, Flower_Petals).

Wir werden eine Flower_Collection erstellen, die eine Instanz für die FlowerCollection -Sammlung ist. Und wir werden der Sammlungsinstanz mit der Methode add () drei Instanzen des Blumenmodells hinzufügen.

Jetzt werden wir zwei Modellinstanzen mit der Push () -Methode in die Sammlung bringen.

Schließlich zeigen wir die Sammlung mit der Methode tojson () an.

Linux -Hinweis

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 Push ().

Abschluss

In diesem Rückgrat.JS Tutorial, wir diskutierten die Push () -Methode in der Sammlung. Es wird verwendet, um die Sammlung am Ende Modelle hinzuzufügen. Wenn mehr als eine Instanz eines Modells gedrückt werden muss, können Sie ein Array innerhalb der Push () -Methode verwenden und Modelle über das Array an die PUSP () -Methode übergeben.