이 기사의 주요 목적은 참조를 위해 LayPage의 다기능 JS 페이지 매김 구성 요소의 특정 작동 방법을 공유하는 것입니다. 특정 내용은 다음과 같습니다
PHP 부분
함수 index () {헤더 ( 'content-type : text/html; charset = utf-8'); // 현재 페이지 번호를 가져오고, 기본값을 기본적으로, 첫 페이지를 표시하고, 페이지 당 표시된 문자의 기본 번호를 설정하십시오. $ 한도 = 8; // 총 문자 수를 가져옵니다. $ count = m ( 'article') -> where (array ( 'status'=> array ( 'egt', 0))) -> count (); // 총 페이지를 계산합니다. $ AllPage = Ceil ($ count / $ limits); $ allpage = intval ($ allpage); $ lists = m ( 'article') -> where (배열 ( 'status'=> array ( 'egt', 0))) -> page ($ nowpage, $ limits) // page method pagination-> order ( 'createTime desc') -> select (); // 점프 페이징 출력 $ $ this-> 할당 ( 'lists', $ lists); $ this-> 할당 ( 'AllPage', $ AllPage); $ this-> 할당 ( 'nowpage', $ nowpage); $ this-> display (); /* // ajax 페이징 출력 $ info = array ( 'lists'=> $ lists, 'allpage'=> $ allpage, 'nowpage'=> $ nowpage); $ this-> ajaxreturn ($ info, 'json'); */}JS의 LayoutPage (새 버전)는 Pagination으로 이동합니다
// Pagination Layout ({cont : 'show_pages', // Pagination 컨테이너 페이지 : "{$ allpage}", // 총 페이지 건너 뛰기 : true, // 페이지를 켜야하는지 // page j // 페이지 번호를 클릭 한 후 (! 첫 번째) {// var url은 초기 단계에서 무한히 새로 고쳐집니다.JS의 LayoutPage (새 버전) Ajax Pagination
함수 데모 (curr) {$ .getJson ( "{: u ( 'article/index'))}", {page : curr // 서버로 전달 된 매개 변수는 단지 데모}, function (res) {// res.list의 데이터 컨텐츠가 처리된다. html () 메소드가 표시되어있다. 'show_pages', // 컨테이너 페이지 : res.allpage, // 총 페이지 수 (백엔드) curr : res.nowpage, // 현재 페이지 (배경에서 얻은) jump : function (obj, first) {// Pagination이 트리거 된 후 (! first) {// pager를 클릭하여 현재 페이지를 통과시키기 위해 점프를 클릭하십시오. 데모 (obj.curr); // (페이지 번호 클릭)}); }); // 초기화 및 실행 Demo ();위는이 기사에 관한 것입니다. 모든 사람이 Pagination 구성 요소 LayoutPage를 배우는 것이 도움이되기를 바랍니다.