Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung des jQuery Pagination-Paging-Plug-Ins

Detaillierte Erläuterung des jQuery Pagination-Paging-Plug-Ins

小云云
Freigeben: 2018-01-01 10:29:05
Original
2219 Leute haben es durchsucht

Dieses jQuery-Plugin ist ein Ajax-Paging-Plugin, das einmal geladen wird, sodass beim Wechsel zwischen Paging keine Aktualisierung oder Verzögerung auftritt. Diese Methode wird nicht empfohlen, wenn die Datenmenge groß ist, da dies der Fall ist langsamer sein. In diesem Artikel erfahren Sie mehr über die Verwendung und Parametereinführung des jQuery-Paginierungs-Paging-Plugins. Interessierte Freunde sollten einen Blick darauf werfen

Plug-in-Einführung

 Dieses jQuery-Plug-in. in ist ein Ajax-Paging-Plugin, das einmalig geladen wird, sodass beim Wechseln zwischen Seiten keine Aktualisierung oder Verzögerung auftritt. Diese Methode wird nicht empfohlen, wenn die Datenmenge groß ist, da das Laden langsamer ist.

 Das ursprüngliche Plugin-CSS ist nicht sehr sinnvoll und verwendet Floats, sodass es nicht bequem nach links und rechts positioniert werden kann und die Floats nicht gelöscht werden. In der chinesischen modifizierten Version habe ich es optimiert zur Unterstützung der Textausrichtung.

Verwendung

Genau wie das allgemeine jQuery-Plug-in ist auch dieses Plug-in sehr einfach und bequem zu verwenden. Die Methode ist Paginierung, zum Beispiel $("#page").pagination(100);

Parameter

String-Parameter, optional, Standard ist „Vorherige“String-Parameter, optional, der Standardwert ist „Next“. "

Parametername

Beschreibung

Parameterwert

maxentries

Gesamtanzahl der Elemente

Erforderlicher Parameter, Ganzzahl

items_per_page

Anzahl der auf jeder Seite angezeigten Einträge

Optionaler Parameter, der Standardwert ist 10

num_display_entries

Die Anzahl der Paging-Einträge, die im Hauptteil des kontinuierlichen Paging angezeigt werden

Optionaler Parameter, der Standardwert ist 10

aktuelle_Seite

Die aktuell ausgewählte Seite

Optionaler Parameter, der Standardwert ist 0, was Seite 1 bedeutet

num_edge_entries

Die Anzahl der Einträge auf der ersten und letzten Seite, die auf beiden Seiten angezeigt werden

Optionaler Parameter, der Standardwert ist 0

link_to

Seitenlink

String, optionaler Parameter , Standard ist der Text, der auf der Paging-Schaltfläche „Vorherige Seite“ angezeigt wird

next_text

Der auf der Paging-Schaltfläche „Nächste Seite“ angezeigte Text

ellipse_text

Welcher Text wird verwendet, um die Anzahl der ausgelassenen Seiten darzustellen

Optionaler Zeichenfolgenparameter, Standard ist „…“

prev_show_always

Ob die Paging-Schaltfläche „Vorherige Seite“ angezeigt werden soll

Boolescher, optionaler Parameter, der Standardwert ist true, d. h. die Schaltfläche „Vorherige Seite“ wird angezeigt

next_show_always

Ob die Paging-Schaltfläche „Nächste Seite“ angezeigt werden soll

Boolescher Wert, optional Parameter, der Standardwert ist wahr, das heißt, die Schaltfläche „Nächste Seite“ wird angezeigt

Rückruf

Rückruf Funktion

Standardmäßig kein Ausführungseffekt

Beispiel

Zum Beispiel der folgende Code:

$("#Pagination").pagination(56, {
  num_edge_entries: 2,
  num_display_entries: 4,
  callback: pageselectCallback,
  items_per_page:1
});
Nach dem Login kopieren

Die Bedeutung dieses Codes ist: Es gibt insgesamt 56 (maxentries) Listenelemente, 2 (num_edge_entries) werden auf beiden Seiten der ersten und letzten Seite angezeigt, 4 (num_display_entries) werden angezeigt Im fortlaufenden Hauptteil der Seite und der Rückruffunktion pageselectCallback (callback) sind die auf jeder Seite angezeigten Listenelemente 1 (items_per_page).

Verwandte Empfehlungen:

jQuery EasyUI API Chinese Document - Pagination_jquery

jQuery EasyUI Tutorial - Paginierung (Paginierung)

MySQL-Paging-Modell (Pagination.php)_MySQL

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des jQuery Pagination-Paging-Plug-Ins. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage