O principal objetivo deste artigo é compartilhar com você os métodos de operação específicos do componente de paginação JS multifuncional da LayPage para sua referência. O conteúdo específico é o seguinte
parte php
Função Index () {Header ('Content-Type: text/html; charset = utf-8'); // Obtenha o número da página atual, padrão a primeira página, defina o número padrão de caracteres exibidos por página $ NowPage = i ('get.page', 1, 'intval'); $ limites = 8; // Obtenha o número total de caracteres $ count = m ('artigo') -> where (Array ('status' => Array ('egt', 0))) -> count (); // calcule a página total $ allPage = teto ($ contagem / $ limites); $ allPage = intval ($ AllPage); $ lists = m ('Artigo') -> where (Array ('status' => Array ('Egt', 0))) -> página ($ NowPage, $ limits) // Página Paginação-> Order ('CreateTime Desc') -> select (); // salto de saída de paginação $ this -> atribuir ('listas', $ listas); $ this -> atribuir ('allPage', $ allPage); $ this -> atribui ('nowPage', $ agora); $ this-> display (); /* // AJAX Paging Output $ info = Array ('listas' => $ listas, 'AllPage' => $ AllPage, 'NowPage' => $ NowPage); $ this-> AjaxReturn ($ info, 'json'); */}LayoutPage (nova versão) em JS saltar para a paginação
// Layout da paginação ({cont: 'show_pages', // Páginas de contêiner de paginação: "{$ allPage}", // Número total de páginas Pule: true, // se deve ligar na página Curr: FUNCTION () {var Page = "{$ NowPage}"; // Página de corrente (obtenha -se de fundo) {Var Page = "{$ NowPage}" // // Centra (obtenha -se de fundo) Retorno? Primeiro) {// Retornete após o acionamento da página (depois de clicar no número da página) se (! Primeiro) {// Certifique -se de adicionar esse julgamento, caso contrário, os URLs varriam infinitamente no estágio inicial. });Layoutpage (nova versão) Ajax Paginação em JS
function demo(curr){ $.getJSON("{:U('article/index')}", { page: curr //The parameters passed to the server are just demonstrations}, function(res){ //The json result returned by the server //The data content in res.lists is processed here, and the html() method is displayed //Off... //The pagination layout({ cont: 'SHOW_PAGES', // Páginas de contêiner: res.AllPage, // Número total de páginas (back -end) curr: res.nowPage, // A página atual (obtém -se do fundo) Jump: function (obj, primeiro) {// o retorno após a paginação é desencadeado (depois do spining no número da página) se (! Primeiro) {/ o //, a página do clique na página do clique) se (primeiro! demonstração (obj.curr); }); // inicialize e execute uma demonstração ();O acima é tudo sobre este artigo. Espero que seja útil que todos aprendam a página de layout de componentes da paginação.