Backbone.js - Wydarzenia w kolekcjach

Jak powinniśmy wiedzieć, kolekcje są bardzo ważną częścią Backbone.js do obsługi dynamicznych danych naszej aplikacji, jednak jeśli tylko na nich polegamy, prawdopodobnie będziemy musieli wykonać dużą ilość kodu za każdym razem, gdy będziemy potrzebować zbudować widok reprezentujący nasze kolekcje.
Przy użyciu Tułów Możemy skorzystać z udogodnień oferowanych przez to rozszerzenie, aby zmniejszyć nakład pracy, a tym samym tworzyć aplikacje w krótszym czasie i z bardziej wydajnym kodem.
Pomocnik kolekcji
Wiemy, że pomocnik to grupa metod, która pomaga nam w konkretnym temacie, w przypadku kolekcji pomocnika, który ma Tułów Pomaga nam generować z nich widoki, dzięki czemu możemy ponownie używać i pisać wydajniejszy i mniej złożony kod, pomaga nam to usprawnić utrzymanie naszej aplikacji, a także sposób, w jaki możemy rozwijać nasze funkcjonalności.
KolekcjaWidokW konkretnym przypadku Tułów mamy KolekcjaWidok, który pomoże nam wziąć każdy element naszej kolekcji i wygenerować widok, który może się zmieniać zgodnie z zachowaniem tych elementów.
Zobaczmy prosty przykład, jak to się dzieje pomocnik zbuduj widok z kolekcji.

Ta kolekcja otrzymuje szereg elementów, w tym przypadku zwierzaki i każdy z nich miałby imię, wtedy w naszej aplikacji JavaScript mielibyśmy:

Jak widzimy pomocnik pomaga nam stworzyć element z kolekcji za pomocą kilku linijek kodu.
Dostępne atrybuty
Aby ułatwić sobie życie, możemy użyć szeregu atrybutów w naszym HTML, które zapewniają nam interpretację przez Tułów które mogą się przydać, zobaczmy, których możemy użyć:
element-szablonPozwala nam określić szablon dla każdego modelu.
element-widokJest to klasa, która jest używana podczas tworzenia każdego widoku elementów kolekcji.
pusty szablonJest to domyślny szablon, który będzie używany, gdy kolekcja będzie pusta, w ten sposób możemy uwzględnić przypadek braku wyników.
pusty widokPodobnie jak w przypadku pustego szablonu, generuje to widok dla sytuacji, gdy nie mamy żadnych elementów w naszej kolekcji.
Bloki warunkowe
Istnieje narzędzie, które bloki warunkowe, które pozwalają nam określić przypadki, dzięki czemu nasza kolekcja może pokazywać taki lub inny widok w zależności od przypadku.

W tym przypadku widzimy, jak definiujemy jeden lub drugi element w przypadku, gdy kolekcja nie ma już załadowanych elementów, oszczędza nam to wiele pracy i walidacji, które sprawiają, że kod jest bardziej złożony niż to konieczne.
Cóż, na tym kończymy ten samouczek, jak widzimy Backbone.js a jego elastyczność daje nam drzwi do korzystania z rozszerzeń, które pozwalają nam zarządzać naszą aplikacją tak, jak chcemy, w przypadku helperów funkcjonalności, które pomagają nam budować są nieocenione, ważne jest, aby wiedzieć, jak korzystać z tych pomocy i stwórz najlepszy możliwy kod.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt