Gekapseltes Javascript-Front-End-Paging-Plug-in, pagination_javascript-Kenntnisse

Zusammenfassung:
In jüngster Zeit wurde Front-End-Paging in Entwicklungsprojekten verwendet. Zur Vereinfachung der zukünftigen Verwendung ist es als Plug-In eines Drittanbieters verpackt und nicht auf eine Bibliothek angewiesen. Es gibt bereits viele Plug-ins im Internet, warum sollten wir also das Rad selbst neu erfinden?

Von mir selbst geschrieben und hoch skalierbar
Hängt nicht von irgendwelchen Bibliotheken ab
Als technischer Niederschlag

Werfen wir zunächst einen Blick auf die Renderings

Installationsmethode

Laden Sie zuerst CSS und JS in die Seite

Anwendungsbeispiele

Paginierung({
Cur: 1, // Aktuelle Seitennummer
Gesamt: 6, // Wie viele Seiten insgesamt
Len: 5, // Wie viele Seiten sollen angezeigt werden
targetId: 'pagination', // Paginierungselementbindung
​ Rückruf: function() { ​
                // Rückruffunktion                                 }  
})

Parametereinführung

cur

Die aktuelle Seitennummer, jeder Anruf durchläuft den aktuellen Paging

insgesamt

Die Gesamtzahl der Seiten kann anhand der Gesamtzahl und der auf jeder Seite angezeigten Anzahl ermittelt werden

len

Menge wird in der Seitenleiste angezeigt

targetId

Seitenelementbindung

Rückruf

Funktion, die nach Abschluss des Seitenrenderings ausgeführt wird, z. B. Ereignisbindung usw.

Tipps

Die Demo verwendet statische Daten. Wenn Sie die serverseitigen Daten aufrufen, müssen Sie nur die for-Schleife in der Datei index.js in eine Ajax-Anfrage ändern.

Herunterladen

http://xiazai.jb51.net/201601/yuanma/pagination-master(jb51.net).zip

Demo

http://demo.jb51.net/js/2016/pagination-master/