Backbone.js - Odświeżanie kolekcji

W aplikacjach, które wykonujemy, ostatecznie będziemy mieli masowe zarządzanie danymi, jeśli wykorzystamy wiedzę, którą posiadamy Backbone.js Aby pracować z kolekcjami, widzimy, że w pewnym momencie będziemy musieli dokonywać masowych modyfikacji i robienie ich model po modelu w ramach kolekcji nie jest efektywne.
Aby pokonać te przeszkody, istnieją sposoby i metody wewnątrz Backbone.js z którym możemy zmodyfikuj lub odśwież i przywrócić wszystkie modele w kolekcji do poprzedniego stanu, jest to bardzo przydatna wiedza, jeśli musimy pracować z procesami, które indywidualnie mogą wyzwalać wydajność aplikacji.
Odświeżanie kolekcji
Jak już wcześniej wyjaśnialiśmy, wprowadzenie ogromnej zmiany w kolekcji może być przydatne, zwłaszcza gdy pracujemy z bardzo dużą ilością danych, które mogą spowodować indywidualne zmiany z modelu na model. wpływamy na wydajność aplikacji.
Jak dokonać tej zmiany?Aby dokonać tej zmiany w „masowy” sposób, mamy metodę .Resetowanie (), ta metoda ma zastosowanie do kolekcji, więc musimy najpierw zainicjować kolekcję, zanim będziemy mogli jej użyć.
Zobaczmy na poniższym przykładzie jak stworzymy kolekcję i na jej podstawie użyjemy .reset() metoda:

 var AllCollection = new Backbone.Collection (); TodosCollection.add ([{id: 1, title: 'Jedź do Niemiec.', Completed: false}, {id: 2, title: 'Je to Kolumbia.', Completed: false}, {id: 3, title: 'Jedź do Japonii', Ukończono: prawda}]); TodosCollection.on ("dodaj", funkcja (model) {console.log ("Dodano" + model.get ('tytuł'));}); TodosCollection.on ("usuń", funkcja (model) {console.log ("Usunięty" + model.get ('tytuł'));}); TodosCollection.on („zmiana: zakończona”, function (model) {console.log („Completed” + model.get ('title'));}); TodosCollection.set ([{id: 1, title: 'Jedź do Niemiec.', Completed: true}, {id: 2, title: 'Je to Kolumbia.', Completed: false}, {id: 4, title: „Jedź do Hongkongu.”, Ukończono: false}]); TodosCollection.on ("reset", funkcja () {console.log ("Odświeżona kolekcja.");}); TodosCollection.reset ([{title: 'Jedź do Kanady.', Completed: false}]); 

Ten przykład jest całkiem przydatny, jeśli spojrzymy, że rozpoczęliśmy nową kolekcję, dodając około 3 modeli i słuchamy 3 podstawowych zdarzeń: dodawanie, zmiana i usuwanie, za każdym razem, gdy któreś z nich wystąpi, zrobimy wrażenie używając konsola.log (), po zakończeniu odsłuchiwania zdarzeń zrobiliśmy zestaw, jeśli robimy zestaw z modelem, który nie istnieje, jest po prostu dodawany, ale to jest problem, którego chcemy uniknąć.
Jak uniknąć problemu?Aby uniknąć problemu, użyjemy metoda resetowania i aby sprawdzić, czy działa, umieściliśmy funkcję, która nasłuchuje, jeśli wystąpi zdarzenie reset, jeśli tak, wypiszemy komunikat z console.log; Na koniec robimy reset kolekcji, czyli odświeżamy jej zawartość i od razu definiujemy nowy model, dzięki temu kolekcja zmieni się całkowicie i zobaczymy, że poprzednie zdarzenia, o których wspominaliśmy, nie powinny być aktywowane.
Zobaczmy na poniższym obrazku, jak przestrzegamy wszystkiego opisanego podczas wykonywania kodu w konsoli, aby JavaScript z Google Chrome:

Widzimy, że podczas resetowania kolekcji zdarzenia zadeklarowane na początku usuwania modeli lub dodawania nie są skutecznie wyzwalane, ponieważ odświeżamy kolekcję, czyli tworzymy ją tak, jakby była od zera.
Na tym zakończyliśmy samouczek, w którym mogliśmy zobaczyć, że odświeżanie kolekcji jest bardzo prostą procedurą, która dobrze zaimplementowana może pomóc nam poprawić wydajność i funkcjonalność naszych aplikacji za pomocą Backbone.js.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt