Der Hauptzweck dieses Artikels ist es, Ihnen die spezifischen Betriebsmethoden der multifunktionalen JS-Paginationskomponente von Laiepage für Ihre Referenz zu teilen. Der spezifische Inhalt ist wie folgt
PHP -Teil
Funktion index () {header ('content-type: text/html; charset = utf-8'); // Die aktuelle Seitennummer abrufen, standardmäßig die erste Seite, die Standardnummer der angezeigten Zeichen pro Seite nowpage = i ('get.page', 1, 'intval') festlegen; $ limits = 8; // Die Gesamtzahl der Zeichen $ count = m ('article') -> wobei (Array ('Status' => Array ('EGT', 0))) -> count (); // Berechnen Sie die Gesamtseite $ allpage = ceil ($ count / $ limits); $ allpage = intval ($ allpage); $ lists = m ('article') -> wobei (Array ('Status' => Array ('EGT', 0)) -> Seite ($ nowpage, $ limits) // Page -Methode Pagination-> order ('CreateTime Desc') -> Select (); // Paging -Ausgabe springen $ this -> ordnen ('listen', $ lists); $ this -> ordnen ('AllPage', $ allPage); $ this -> ordnen ('nowpage', $ nowpage); $ this-> display (); /* // ajax paging output $ info = array ('lists' => $ lists, 'allPage' => $ allpage, 'nowPage' => $ nowpage); $ this-> ajaxreturn ($ info, 'json'); */}Layoutpage (neue Version) in JS springen zu Pagination
// Pagination Layout ({cont: 'show_pages', // Pagination Container -Seiten: "{$ allpage}", // Gesamtzahl der Seiten überspringen: true, // Ein Einschalten von Seitensprung curr: function () {var page = "{$ jetzt page Erst) {// Rückruf nach Auslöser der Seite (nach dem Klicken auf die Seitennummer) {// Achten Sie darauf, dass Var URLs in der ersten Stufe auffrischt werden. }});Layoutpage (neue Version) Ajax -Pagination in JS
Funktion Demo (Curr) {$ .getJson ("{: u ('article/index')}", {Seite: curr // Die an den Server übergebenen Parameter sind nur Demonstrationen}, Funktion (res) {// Das JSON -Ergebnis wurde durch den Server zurückgegeben // Der Dateninhalt in res.lists wird hier verarbeitet, und das HTML () -Methety. 'show_pages', // Containerseiten: res.AllPage, // Gesamtzahl der Seiten (Backend) Curr: res.nowpage, // Die aktuelle Seite (erhalten Sie aus dem Hintergrund) Sprung: Funktion (obj, zuerst) {// Der Rückruf nach der Pagination wird ausgelöst (nach dem Klicken auf die Seite. Demo (obj.curr); }); // Demo () initialisieren und ausführen;Das obige dreht sich alles um diesen Artikel. Ich hoffe, es wird für alle hilfreich sein, die Layout der Paginationskomponenten zu lernen.