W tym kręgosłupie.Samouczek JS Framework, omówimy metodę RESET () w klasie kolekcji.
Wstęp
Kręgosłup.JS to framework używany do budowania aplikacji internetowych, które śledzą styl JavaScript.
Obsługuje modele, wydarzenia, kolekcje, widoki i narzędzia.
Korzystając z dowolnej z powyższych funkcji, możemy tworzyć i wykonywać różne operacje na podanych danych w aplikacji internetowej.
Punkty do zapamiętania
Struktura do umieszczenia kodu
Linki CDN są umieszczone z atrybutem SRC znacznika skryptu.
Linki CDN:
Metoda reset () w kręgosłupie.Kolekcja JS służy do resetowania lub usuwania instancji modelu z kolekcji. Resytuje również istniejącą kolekcję z nowymi instancjami modelowymi w kolekcji.
Składnia:
Collection_Object.Reset (model, opcje)Wymaga dwóch parametrów.
Usuwać: Collection_Object.Resetowanie()
Dla nowej instancji modelu resetowania instancji: Collection_Object.Reset (model_instance)
Zbliżać się
1. Utwórz model szkieletu przy użyciu metody ext ().
Składnia:
var ModelClass = kręgosłup.Model.rozszerzyć();
2. 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
);
3. Utwórz obiekt lub instancję dla klasy kolekcji.
Składnia:
var collection_instance = new CollectionClass ();
4. Zbadaj metodę RESET () w kręgosłupie.Kolekcja JS.
Omówmy kilka przykładów kręgosłupa.Metoda Reset () JS Collection ().
Przykład 1: Zaktualizuj nową instancję modelu w kolekcji za pomocą RESET ()
W tym przykładzie utworzymy klasę modalną o nazwie „Kwiaty” i klasę kolekcji „Klątka”. Miniemy naszą klasę modelową „Kwiaty”, w środku.
Następnie musimy utworzyć pięć instancji dla modelu „kwiaty” z trzema atrybutami: (Flower_name, Flower_Sepals, Flower_petals).
Stworzymy „Flower_collection”, przykład kolekcji „FlowerCollection”. Następnie dodamy instancję „modelu kwiatu” do instancji kolekcji za pomocą metody add ().
Zresetujemy te pięć instancji modelu i umieścimy nową instancję modelu z dwoma atrybutami.
Na koniec wyświetlamy kolekcję za pomocą JSON.metoda stringify ().
Wyjście:
Uruchom aplikację w przeglądarce, zapisując kod w pliku za pomocą .HTML jako rozszerzenie.
Tutaj możemy zobaczyć metodę RESET () Resetuj stare instancje w kolekcji z nową instancją.
Przykład 2: Usuń instancje modelu z kolekcji za pomocą RESET ()
W tym przykładzie utworzymy klasę modalną o nazwie „Kwiaty” i klasę kolekcji „Klątka”. Miniemy naszą klasę modelową „Kwiaty”, w środku.
Następnie musimy utworzyć pięć instancji dla modelu „kwiaty” z trzema atrybutami: (Flower_name, Flower_Sepals, Flower_petals).
Stworzymy „Flower_collection”, przykład kolekcji „FlowerCollection”. I dodamy instancję modelu „kwiatu” do instancji kolekcji za pomocą metody add ().
Teraz usuniemy wszystkie istniejące instancje modelu za pomocą RESET ().
Wreszcie wyświetlamy kolekcję za pomocą JSON.metoda stringify ().
Wyjście:
Uruchom aplikację w przeglądarce, zapisując kod w pliku za pomocą .HTML jako rozszerzenie.
Tutaj metoda RESET () usuwa wszystkie stare instancje modelu w kolekcji.
Wniosek
W tym kręgosłupie.Samouczek JS, omówiliśmy metodę RESET () w kolekcji. Zresetuje starych instancji modelu i ustawiłby je w nowych instancjach, jeśli nie określimy żadnej instancji. Usunie całe instancje modelu z kolekcji.