W tym kręgosłupie.Samouczek JS Framework, omówimy metodę Add () w klasie kolekcji.

Backbone JS to struktura używana do tworzenia aplikacji internetowych, które śledzą styl JavaScript.

Obsługuje modele, wydarzenia, kolekcje, widoki i narzędzia.

Korzystając z dowolnej z poprzednich funkcji, możemy tworzyć i wykonywać różne operacje na podanych danych w aplikacji internetowej.

Punkty do zapamiętania

1. Jest używany z JavaScript.
2. Możemy zaimplementować framework wewnątrz znacznika.
3. Ta framework obsługuje metody i funkcje JavaScript, takie jak dane wyjściowe i odczytu.
4. Tag jest umieszczony wewnątrz znacznika lub w tagu.
5. Ważne jest, aby mieć linki do sieci dostarczania treści (CDN) do uruchamiania aplikacji internetowej na serwerze.

Zobaczmy strukturę, aby umieścić kod

Linki CDN są umieszczone z atrybutem SRC znacznika skryptu.

Linki CDN

Metoda Add () w kręgosłupie.Kolekcja JS dodaje model do kolekcji. Możliwe jest dodanie modelu (pojedyncza instancja) lub tablicy modeli (więcej niż jedna instancja za pośrednictwem tablicy).

Składnia:

Collection_Object.Dodaj (model, opcje)

Wymaga dwóch parametrów.

1. Model doda do kolekcji. Posiada instancje kolekcji (obiekt kolekcji).
2. Parametr opcji służy do określenia, czy jest to model, czy szereg modeli.

Model - Collection_Object.add (model_instance1)

Tablica modeli - Collection_Object.Dodaj ([model_instance1, model_instance2,…])

Zbliżać się

Utwórz model szkieletu za pomocą metody ext ().

Składnia:

var ModelClass = kręgosłup.Model.rozszerzyć();

Utwórz kolekcję kręgosłupa za pomocą metody ext () i przejdź klasę modelu.

Składnia:

var CollectionClass = kręgosłup.Kolekcja.rozszerzyć(
Model: ModelClass
);

Utwórz obiekt lub instancję dla klasy kolekcji.

Składnia:

var collection_instance = new CollectionClass ();

Eksploruj metodę add () w kręgosłupie.Kolekcja JS.

Omówmy kilka przykładów kręgosłupa.Metoda js kolekcji ().

Przykład 1: Dodaj pojedynczy model do kolekcji

W tym przykładzie utworzymy klasę modalną o nazwie - Flowers i utworzymy klasę kolekcji Klamią. Miniemy w niej naszą klasę modelową (kwiaty).

Następnie musimy utworzyć instancję dla modelu Flowers z trzema atrybutami (nazwa_kwiata, flower_sepals, flower_petals).

Stworzymy flower_collection, który jest przykładem kolekcji FlowerCollection. I dodamy instancję modelu kwiatu do instancji kolekcji za pomocą metody add ().

Wreszcie wyświetlamy kolekcję za pomocą JSON.metoda stringify ().

Wskazówka Linux

Wyjście:

Uruchom aplikację w przeglądarce, zapisując kod w pliku za pomocą .HTML jako rozszerzenie.

Tutaj możemy zobaczyć metodę dodawania () dodała instancję modelu do kolekcji.

Przykład 2: Dodaj tablicę modeli do kolekcji

W tym przykładzie utworzymy klasę modalną o nazwie - Flowers i utworzymy klasę kolekcji Klamią. Miniemy w niej naszą klasę modelową (kwiaty).

Następnie musimy utworzyć instancję dla modelu Flowers z trzema atrybutami (nazwa_kwiata, flower_sepals, flower_petals).

Stworzymy flower_collection, który jest przykładem kolekcji FlowerCollection. I dodamy trzy instancje modelu kwiatu do instancji kolekcji za pomocą metody add ().

Wreszcie wyświetlamy kolekcję za pomocą JSON.metoda stringify ().

Wskazówka Linux

Wyjście:

Uruchom aplikację w przeglądarce, zapisując kod w pliku za pomocą .HTML jako rozszerzenie.

Tutaj widzimy metodę dodawania () dodano szereg modeli (3) do kolekcji.

Wniosek

W tym kręgosłupie.Samouczek JS, omówiliśmy metodę add () w kolekcji. Służy do dodania modelu do kolekcji. Jeśli model ma więcej niż jedną instancję, możesz użyć tablicy wewnątrz metody add () i przejść do metody add () za pośrednictwem tablicy.