Tujuan utama dari artikel ini adalah untuk berbagi dengan Anda metode operasi spesifik dari komponen pagination JS multi-fungsional LAYPAGE untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
Bagian PHP
Function Index () {header ('Content-type: Text/html; charset = utf-8'); // Dapatkan nomor halaman saat ini, default halaman pertama, atur jumlah default karakter yang ditampilkan per halaman $ nowpage = i ('get.page', 1, 'intval'); $ batas = 8; // Dapatkan jumlah total karakter $ count = m ('artikel') -> di mana (array ('status' => array ('egt', 0))) -> count (); // Hitung total halaman $ allpage = ceil ($ count / $ limits); $ allpage = intval ($ allpage); $ lists = m ('artikel') -> di mana (array ('status' => array ('egt', 0)) -> halaman ($ nowpage, $ limits) // Metode halaman pagination-> order ('createTime desc') -> pilih (); // output paging lompatan $ this -> assign ('list', $ lists); $ this -> assign ('allpage', $ allpage); $ this -> assign ('nowpage', $ nowpage); $ this-> display (); /* // output paging ajax $ info = array ('list' => $ lists, 'allpage' => $ allpage, 'nowpage' => $ nowpage); $ this-> ajaxreturn ($ info, 'json'); */}LayoutPage (versi baru) di JS melompat ke pagination
// tata letak pagination ({cont: 'show_pages', // pagination container halaman: "{$ allpage}", // Total Jumlah halaman Skip: true, // apakah akan menghidupkan halaman lompat arus () {var page = "{$ nowpage}"; // halaman saat ini (dapat diperoleh dari latar belakang), page return? FUNGSI (E, pertama) {// Callback Setelah memicu halaman (setelah mengklik nomor halaman) if (! First) {// Pastikan untuk menambahkan penilaian ini, jika tidak, URL var akan disegarkan secara tak terbatas pada tahap awal dan nomor link. URL;}}});LayoutPage (Versi Baru) Ajax Pagination di JS
Demo fungsi (Curr) {$ .getjson ("{: u ('artikel/indeks')}", {page: Curr // Parameter yang diteruskan ke server hanyalah demonstrasi}, fungsi (res) {// hasil json yang dikembalikan oleh server // konten data di res.lists diproses di sini, dan metode html () ditampilkan/Metode html () ditampilkan/Metode {Metode html () ditampilkan () di luar/Metode {Metode HTML () 'show_pages', //Container pages: res.allpage, //Total number of pages (backend) curr: res.nowpage, //The current page (get obtained from the background) jump: function(obj, first){ //The callback after the pagination is triggered (after clicking on the page number) if(!first){ //Click the page jump to trigger the function itself and pass the current page: obj.curr demo (obj.curr); }); // inisialisasi dan jalankan demo ();Di atas adalah semua tentang artikel ini. Saya harap akan sangat membantu bagi semua orang untuk mempelajari tata letak komponen pagination.