Backbone.js - Paginator

Backbone.Paginator Es handelt sich um eine Reihe von Tools, Methoden und Formularen, die es uns ermöglichen, die Ergebnisse der Abfragen zu paginieren, die wir für die Datendienste unserer Anwendungen durchführen müssen, und die mehr Ergebnisse zurückgeben können, als der Benutzer zunächst sehen soll.

Durch das Auslagern der Daten können wir die Navigation erleichtern und auch die Geschwindigkeit unserer Anwendung erhöhen, da es für unsere Zwecke nicht dasselbe ist, 5000 Datensätze in den Client-Browser zu laden, als dieselben 5000 von 100 in 100 zu laden und diese 100 sie in aufzuteilen in 10 Datensatzseiten umwandeln, dadurch sehen viele Informationen übersichtlicher aus.

1. Paginierungsarten


Um festzulegen, wie wir mit Backbone.Paginator, wir müssen zuerst wissen, Paginierungsarten denen wir uns stellen können, können wir auf diese Weise festlegen, wie wir uns bei der Entwicklung unserer Lösung verhalten sollen:

Anfrage an einen DatendienstDiese Art der Paginierung ermöglicht es uns, nur die Datenmenge abzurufen, die jede Seite von einem Webdienst akzeptiert, zum Beispiel a API, tritt das Problem auf, wenn wir mehr Parameter wie Reihenfolge, Persistenz der Abfrage usw. Es ist jedoch eine gute Möglichkeit, die Rechenleistung des Servers zu entlasten, der uns die Daten liefert.

Zusätzliche clientseitige PaginierungBei dieser Art der Paginierung bringen wir einen Datensatz, der größer ist als der von jeder Seite angeforderte unsere Macht.

Unendliche PaginierungDiese Art der Paginierung ermöglicht es uns, die Ergebnisse zu laden, wenn der Benutzer fortschreitet. Nach einer bestimmten Grenze setzen wir eine Schaltfläche, um mehr zu sehen. Auf diese Weise fühlt es sich nicht durch die Anzahl der Seiten eingeschränkt an soziale Netzwerke wie Facebook.

2. Was bietet uns Backbone.Paginator?


Es bietet uns eine Reihe von Werkzeugen, die es uns ermöglichen, jeden der oben beschriebenen 3 Paginierungsstile zu erreichen, es bietet uns auch Hilfe bei der visuellen Platzierung der Elemente, wie wir in der folgenden Abbildung sehen:

VERGRÖSSERN

3. Initialisierung


Backbone.Paginator muss auf eine Sammlung von Daten angewendet werden, dies bietet uns auch zwei Methoden, um die verschiedenen Arten der Paginierung abzudecken.

Backbone.Paginator.requestPagerWir verwenden diese Methode, um die Abfragen abzudecken, die wir an einen Datendienst wie eine API stellen können.

Backbone.Paginator.clientPagerWir verwenden diese Methode, wenn wir im Client zusätzliches Paging durchführen möchten, zum Beispiel hat die API 100 Datensätze zurückgegeben und mit dieser Methode haben wir sie im Client in Seiten mit 10 Datensätzen unterteilt, auf diese Weise wird der Durchgang zwischen den Seiten nicht an zusätzliche Abfragen bedingt .

Wie wir sehen, sind diese Tools bei der Erstellung unserer Anwendungen sehr nützlich, da wir uns die Benutzeroberfläche nicht nur als ästhetischen Teil vorstellen können, sondern auch über Funktionen verfügen, die das Leben erleichtern.

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

Sie werden die Entwicklung der Website helfen, die Seite mit Ihren Freunden teilen

wave wave wave wave wave