개발할 때 특히 백엔드 프로그래머에게는 페이지 매김 문제가 발생하지만이 문제는 해결할 수 없으므로 페이지 매김 제어를 찾아 향후 사용하기 위해 기록했습니다.
다음은 공식 웹 사이트에서 사용되는 간단한 예입니다.
// 다음은 비동기 페이지 $ .getJson ( 'test/demo1.json', {curr : 6}, function (res) {// 6 페이지의 요청. 반환 된 JSON 형식은 레이아웃을 임의로 정의 할 수 있습니다 ({cont : 'page1', // contaser. id = "page1"> </div> pages : res.pages, // 배경 curr : 6, // 현재 페이지 점프 초기화 : function (e) {// 페이지 $ .getJson ( 'test/demo1.json', {curr : e.curr}, e. var view = getElementBy를 직접 사용할 수 있습니다. }); });기본 페이지 매김 효과가 나옵니다.
다른 더 멋진 효과가 필요한 경우 소스 코드를 수정하십시오.
페이지 매김의 효과가 제시되면 먼저 이야기 해 봅시다.
우선, 제어 레이아웃 .js를 참조하십시오
<script type = "text/javaScript"src = "/lib/laypage/laypage.js"> </script>
플러그인 다운로드 주소 :
이제 플러그인 구성을 살펴 보겠습니다.
함수 searchJoinMemberInfoPage () {var ccid = parseint ($ ( "#hid_ccid"). val (), 10); var savekey = $ ( "#targetKey"). val (); var pagesize = 10; // 다음은 jquery.ajax를 예로 사용하여 비동기 페이지 $ .getJson ( '/mobile/ajaxhandler/Questionajax.aspx? action = getRedisJoinMemberInformationById', {type : 2, ccid : ccid, pageindex : 1, pagesize : savekey : savekey}, savekey}, savekey}, res) JSON 형식은 레이아웃을 임의로 정의 할 수 있습니다 ({cont : 'page1', // 컨테이너. 값은 ID 이름, 기본 DOM 객체 및 jQuery 객체를 지원합니다. // 페이지 수를 연속적으로 표시하는 Skip : // Page Ope Page Oped : // 'HomePage', // last를 표시하지 않으면 False : 'Last Page', // 거짓으로 표시되지 않으면 // 이전 : '<', // 표시되지 않으면 // 가위를 설정하지 않으면 false : // false jump : // 콜백을 설정합니다. $ .getJson ( '/mobile/ajaxhandler/questionajax.aspx? action = getRedisJoinMemberInformationById', {type : 2, ccid : ccid, pageindex : e.curr, // 현재 페이지 화 : pagesize, savekey}, function (res) {e. // var view.getElementByID ( 'usertable');/mobile/ajaxhandler/questionajax.aspx?action=getRedisJoinMemberInformationByid 표시 할 데이터와 페이지 수를 반환하는 비동기 주소가 표시됩니다. 유형:
2, ccid : ccid, pageindex : 1, pagesize : pagesize, savekey : savekey는 비동기로 사용해야하는 매개 변수입니다.
Packagdata (Res); 이 기능은 반환 된 데이터를 구문 분석하고 렌더링합니다.
Usertable은 반환 된 데이터를 표시하는 데 사용되는 DOM 노드이며 Page1은 페이지 수의 버튼을 표시하는 데 사용되는 DOM 노드입니다.
이제 효과를 확인하십시오.
실제로는 매우 간단하며 페이지 매김 디스플레이가 완료됩니다.
독서에 감사 드리며 Wulin.com의 더 흥미로운 콘텐츠에 계속주의를 기울 이시기 바랍니다.