Spisie treści
Podkreślać Oprócz dostarczenia nam silnika szablonów do tworzenia widoków, oferuje nam również szereg funkcji, które służą jako narzędzia, dzięki tym funkcjom możemy osiągnąć różne wyniki, po prostu wiedząc, ile elementów musi mieć kolekcja, aby móc ją posortować przez jakiś parametr.Iteruj po kolekcji
Aby iterować po każdym z elementów a kolekcja możemy użyć funkcji dla każdegoDzięki tej funkcji możemy przeglądać kolekcję bez konieczności zakładania mapy treści.
Zobaczmy w poniższym kodzie, jak można go użyć:
var All = new Backbone.Collection (); All.add ([{tytuł: 'Jedź do Belgii.', Ukończono: false}, {tytuł: 'Jedź do Chin.', Ukończono: fałsz}, {tytuł: 'Jedź do Austrii.', Ukończono: prawda}] ); Todos.forEach (funkcja (model) {console.log (model.get ('tytuł'));}); Zakładamy kolekcję, a następnie na przedmiot, który aplikujemy dla każdego i drukujemy tytuł atrybutu każdego modelu na ekranie otrzymalibyśmy coś podobnego do tego:
W pewnym momencie musimy uporządkować elementy według dowolnego z ich atrybutów lub właściwości, do tego mamy metodę Sortuj wedługJeśli określimy atrybut, który zawiera litery, będzie sortował według alfabetu, ale jeśli jest liczbowy, będzie uporządkowany według tej właściwości, zobaczmy poniższy przykład, zachowamy kolekcję z poprzedniego przykładu, aby mieć mniej kod do napisania:
var sortedByAlphabet = All.sortBy (function (all) {return todo.get ("tytuł"). toLowerCase ();}); console.log ("- Teraz zamówione:"); sortedByAlphabet.forEach (funkcja (model) {console.log (model.get ('tytuł'));}); Jak widać na obrazku otrzymujemy następujący wynik:
Aby uzyskać wartości na obu końcach kolekcji, czyli wartość minimalną lub maksymalną, mamy funkcje min Tak maks, stosując je możemy uzyskać odpowiednie elementy, zobaczmy w kodzie jak korzystać z tych funkcji:
All.max (funkcja (model) {return model.id;}).Id; All.min (funkcja (model) {return model.id;}).Id; Grupuj według atrybutu
Metoda Grupuj według pozwala na grupowanie różnych elementów tworzących kolekcję za pomocą jednego z jej atrybutów jako właściwości, jest to dość przydatne, gdy np. chcemy rozróżnić stany atrybutów, w przykładowym kodzie zrobimy to poprzez uzupełnianie modelu pole, zobaczmy kod:
var All = new Backbone.Collection (); All.add ([{tytuł: 'Jedź do Belgii.', Ukończono: false}, {tytuł: 'Jedź do Chin.', Ukończono: fałsz}, {tytuł: 'Jedź do Austrii.', Ukończono: prawda}] ); var byCompleted = All.groupBy ('ukończone'); var complete = new Backbone.Collection (byCompleted [false]); console.log (zakończony.pluck ('tytuł')); Widzimy, że mamy kolekcję, w której dwa z 3 modeli mają ten sam stan ukończenia, gdybyśmy tylko chcieli uzyskać te stany metodą Grupuj według Możemy określić ten warunek, najpierw deklarujemy zmienną, stosujemy metodę na właściwości, a następnie generujemy drugą kolekcję, w której wskazujemy, które zgrupowane elementy ma przynieść, na końcu drukujemy w konsoli Javasript z Google Chrome i otrzymamy odpowiednie modele, zobaczmy na poniższym obrazku, co uzyskamy:
