Ao desenvolver, geralmente encontramos problemas de paginação, especialmente para um programador de back-end, mas esse problema não pode ser resolvido, por isso encontramos um controle de paginação e o registramos para uso futuro.
Aqui estão exemplos simples usados no site oficial:
// O seguinte demonstrará uma página assíncrona $ .getjson ('test/Demo1.json', {curr: 6}, function (res) {// solicita da página 6. O formato JSON retornado pode arbitrariamente definir o layout ({cont: 'Page1',////contêiner. id = "Page1"> </div> páginas: res.Pages, // Número total de páginas obtidas através do plano de fundo: 6, // inicialize o salto da página atual: function (e) {// chamando o retorno de chamada após o acionamento da página. Páginas, geralmente você não precisa escrever // renderizar view = document.getElementById ('View1'); }); });Um efeito básico de paginação será lançado.
Se você precisar de outros efeitos mais lindos, modifique o código -fonte.
Vamos falar sobre isso primeiro, se o efeito de uma paginação for apresentado.
Primeiro de tudo, consulte o Layout de controle.js
<script type = "text/javascript" src = "/lib/laypage/laypage.js"> </script>
Endereço de download do plug -in:
Agora vamos dar uma olhada na configuração do plug -in:
função searchJoinMemberInfopage () {var ccid = parseint ($ ("#hid_ccid"). val (), 10); var SaveKey = $ ("#TargetKey"). Val (); var pagageSize = 10; //The following will use jquery.ajax as an example to demonstrate an asynchronous page $.getJSON('/Mobile/AjaxHandler/QuestionAjax.aspx?action=GetRedisJoinMemberInformationById', { type: 2, ccId: ccId, pageIndex: 1, pageSize: pageSize, saveKey: saveKey }, function (res) { //Request starting from page 1. The returned json format can arbitrarily define layout({ cont: 'page1', //Container. The value supports id name, native dom object, and jquery object. [If the container is]: <div id="page1"></div> pages: res.pageCount, //Total number of pages obtained through the background curr: 1, //Initialize the current page skin: '#429842',//Skin color GRUPOS: 3, // Pule o número de páginas continuamente exibe pular: true, // se deve abrir a página PULL PRIMEIRO: 'Página inicial', // Se não for exibido, defina false last: 'Última página', // Se não é exibido, defina false // prevEd: '<', // se não for exibido, defina // seguinte: '>', // se não é exibido, se não seja exibido, se não seja exibido, se não é exibido (se não é exibido (se não é exibido). $ .getjson ('/móvel/ajaxhandler/questionajax.aspx? Ação = getredisJoinMemberInformationById', {Tipo: 2, ccid: ccid, PageIndex: e.curr, // time atual = Pages para gravar // renderizar view = document.getElementbyId ('Usuário');/Mobile/ajaxhandler/Questionajax.aspx?action=getRedisJoinMemberInformationById Exibe um endereço assíncrono que retorna os dados a serem exibidos e o número de páginas. tipo:
2, CCID: CCID, PageIndex: 1, PageSize: PageSize, SaveKey: SaveKey são os parâmetros que precisam ser usados em assíncrono.
Packagdata (res); Esta função analisa os dados retornados e os renderiza.
O Ussertable é o nó DOM usado para exibir os dados retornados e a página1 é o nó DOM usado para exibir o botão para o número de páginas.
Agora veja o efeito:
Na verdade, é muito simples, e isso completa uma exibição de paginação.
Obrigado pela sua leitura e espero que você continue prestando atenção a um conteúdo mais emocionante do Wulin.com.