L'objectif principal de cet article est de partager avec vous les méthodes de fonctionnement spécifiques du composant de pagination JS multifonctionnel de LayPage pour votre référence. Le contenu spécifique est le suivant
partie PHP
function index () {header ('contenu-type: text / html; charset = utf-8'); // Obtenez le numéro de page actuel, par défaut la première page, définissez le numéro par défaut de caractères affichés par page $ nowpage = i ('get.page', 1, 'intval'); $ limites = 8; // Obtenez le nombre total de caractères $ count = m ('article') -> où (array ('status' => array ('egt', 0))) -> count (); // Calculez la page totale $ allPage = ceil ($ Count / $ limites); $ allPage = intval ($ allPage); $ lists = m ('article') -> où (array ('status' => array ('egt', 0))) -> page ($ nowpage, $ limits) // page méthode pagination-> order ('createTime desc') -> select (); // Jump Paging Output $ this -> Assign ('lists', $ lists); $ this -> attribuer ('allPage', $ allPage); $ this -> attribution ('nowpage', $ nowPage); $ this-> display (); / * // Ajax Paging Output $ info = array ('lists' => $ lists, 'allPage' => $ allPage, 'NowPage' => $ nowPage); $ this-> ajaxreturn ($ info, 'json'); * /}LayoutPage (nouvelle version) dans JS Jump to Pagination
// Layout de pagination ({cont: 'show_pages', // pages de conteneurs de pagination: "{$ allPage}", // Nombre total de pages skip: true, // Si vous devez allumer la page curr: function () {var page = "{$ NowPage}"; // Page actuelle (GET OBTENIR DE L'ARGAINE) Page de retour? Page: 1; // Retourne la page de page actuelle} (), Sauter: Page: Page: 1; // Renvoie le numéro de page en cours. Fonction (E, d'abord) {// Rappel après le déclenchement de la page (après avoir cliqué sur le numéro de page) si (! }}});LayoutPage (nouvelle version) Ajax Pagination dans JS
La démonstration de la fonction (curr) {$ .getjson ("{: u ('article / index')}", {page: curr // Les paramètres transmis au serveur ne sont que des démonstrations}, la fonction (res) {// Le résultat JSON renvoyé par le serveur // Le contenu de données dans res.lists est traité ici, et la méthode html () est affiché // off ... 'show_pages', // pages de conteneurs: res.allpage, // nombre total de pages (backend) curr: res.nowpage, // la page actuelle (être obtenu à partir de l'arrière-plan) Jump: fonction (obj, premier) {// le rappel après la pagination est déclenché (après cliquer sur le numéro de page) si (! First) {// Cliquez sur la page SUPER pour déclencher le fonction démo (obj.curr); }); // initialiser et exécuter Demo ();Ce qui précède concerne cet article. J'espère qu'il sera utile pour tout le monde d'apprendre la page de mise en page des composants de pagination.