Inhaltsverzeichnis
In den von uns durchgeführten Anwendungen werden wir irgendwann ein massives Datenmanagement haben, wenn wir das Wissen nutzen, das wir haben Backbone.js Um mit Kollektionen zu arbeiten, sehen wir, dass wir irgendwann massive Änderungen vornehmen müssen und es nicht effektiv ist, sie Modell für Modell innerhalb der Kollektion zu erstellen.Um diese Hindernisse zu überwinden, gibt es Wege und Methoden innerhalb Backbone.js mit denen wir können ändern oder aktualisieren und alle Modelle innerhalb einer Sammlung in einen vorherigen Zustand zu bringen, ist dies sehr nützliches Wissen, wenn wir mit Prozessen arbeiten müssen, die einzeln die Leistung der Anwendung auslösen können.
Auffrischen der Kollektion
Wie wir bereits erklärt haben, kann eine massive Änderung innerhalb einer Sammlung nützlich sein, insbesondere wenn wir mit sehr großen Datenmengen arbeiten, die den Wechsel von Modell zu Modell individuell vornehmen können. wir beeinflussen die Leistung der Anwendung.
Wie kann man diese Änderung vornehmen?Um diese Änderung "massiv" vorzunehmen, haben wir die Methode .zurücksetzen (), diese Methode ist auf Sammlungen anwendbar, daher müssen wir zuerst eine Sammlung initialisieren, bevor wir sie verwenden können.
Sehen wir uns im folgenden Beispiel an, wie wir eine Sammlung erstellen und darauf basierend verwenden wir die .reset()-Methode:
var AllCollection = neue Backbone.Collection (); TodosCollection.add ([{id: 1, title: 'Go to Germany.', Completed: false}, {id: 2, title: 'Go to Colombia.', Completed: false}, {id: 3, title: 'Gehe nach Japan.', Abgeschlossen: true}]); TodosCollection.on ("add", function (model) {console.log ("Added" + model.get ('title'));}); TodosCollection.on ("entfernen", Funktion (Modell) {console.log ("Entfernt" + model.get ('Titel'));}); TodosCollection.on ("Änderung: abgeschlossen", Funktion (Modell) {console.log ("Abgeschlossen" + model.get ('Titel'));}); TodosCollection.set ([{id: 1, title: 'Go to Germany.', Completed: true}, {id: 2, title: 'Go to Colombia.', Completed: false}, {id: 4, title: 'Gehe nach Hongkong.', Abgeschlossen: false}]); TodosCollection.on ("reset", function () {console.log ("Refreshed Collection.");}); TodosCollection.reset ([{title: 'Go to Canada.', Completed: false}]); Dieses Beispiel ist sehr nützlich, wenn wir sehen, dass wir eine neue Kollektion gestartet haben, ungefähr 3 Modelle hinzugefügt haben und uns die 3 grundlegenden Ereignisse anhören: Hinzufügen, Ändern und Löschen, jedes Mal, wenn eines dieser Ereignisse auftritt, werden wir mit Eindruck hinterlassen Konsole.log(), Nachdem wir mit dem Hören von Ereignissen fertig sind, wird ein Set, wenn wir das Set mit einem Modell erstellen, das nicht existiert, einfach hinzugefügt, aber das ist das Problem, das wir vermeiden wollen.
Wie kann man das Problem vermeiden?Um das Problem zu vermeiden, verwenden wir die Reset-Methode und um zu testen, ob es funktioniert, haben wir eine Funktion eingebaut, die überwacht, ob das Reset-Ereignis eintritt. Wenn ja, geben wir eine Nachricht mit console.log aus; Schließlich führen wir einen Reset der Sammlung durch, dh wir aktualisieren ihren Inhalt und definieren sofort ein neues Modell. Dadurch ändert sich die Sammlung vollständig und wir werden sehen, dass die zuvor erwähnten Ereignisse nicht aktiviert werden sollten.
Sehen wir uns im folgenden Bild an, wie wir beim Ausführen des Codes in der Konsole alles einhalten, was beschrieben ist Javascript von Google Chrome:
Damit haben wir das Tutorial abgeschlossen, in dem wir sehen konnten, dass das Aktualisieren einer Sammlung ein sehr einfaches Verfahren ist, das gut implementiert uns dabei helfen kann, die Leistung und Funktionalität unserer Anwendungen zu verbessern Backbone.js.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben
