부트 스트랩 리페인터 페이징 플러그인 다운로드 주소 :
GitHub에서 DownloadVisit Project
1. 이것은 페이지에 페이지에 배치 해야하는 JS 함수입니다.
<span style = "font-size : 14px;"> 함수 페이징 (page) {$ .ajax ({type : "get", url : "$ {ctx}/api/v1/user/1/"+(page-1)+"/5", Datatype : "JSON", success : function (msg) {// omit (query out)}); $ .ajax ({type : "get", url : "$ {ctx}/api/v1/user/count/1", datatype : "json", success : function (msg) {var pages = math.ceil (msg.data/5); // var 요소 = $ ( '#pageul'; Bootstrapmajorversion : 3, CurrentPage : // 현재 페이지 번호로 구성된 페이지 : 5, // 여러 버튼이 페이지에 표시됩니다 (5 LIS는 전체 페이지 : Pages} element.bootStrappAginator (옵션); } </span>페이지:
<span style = "font-size : 14px;"> <ul id = "pageul"> </ul> </span>
*Li에서 자동으로 생성됩니다
2. 가장 중요하고 핵심은 다음과 같이 Bootstrap-Paginator.js 소스 파일을 직접 변경하는 것입니다 .
<span style = "font-size : 14px;"> onpageClicked : 함수 (event, originalevent, type, page) {// 해당 페이지를 표시하고 이벤트 반환에 대해 클릭 한 페이지와 관련된 새로 빌드 된 항목을 검색하고 var currentTarget = $ (event.currentTarget); 스위치 (유형) {case "first": currentTarget.bootstrappaginator ( "showfirst"); 페이징 (페이지); 부서지다; // previous page case "prev": currentTarget.bootstrappaginator ( "showprevious"); 페이징 (페이지); 부서지다; 사례 "다음": currentTarget.bootstrappaginator ( "shipext"); 페이징 (페이지); 부서지다; "마지막": currentTarget.bootstrappaginator ( "Showlast"); 페이징 (페이지); 부서지다; 사례 "페이지": currentTarget.bootstrappaginator ( "show", page); 페이징 (페이지); 부서지다; }}, </span>*페이지 스타일을 클릭 한 후 페이지 (페이지) 메소드를 호출하십시오. 여기의 페이지 소스 파일의 매개 변수는 이미 사용 가능하므로 직접 전달하십시오!
효과 : 스타일이 변경되면 컨트롤의 페이지 값을 직접 사용하여 AJAX 요청을 보내십시오! 마지막으로 새로 고침이없는 페이지 매김이 구현됩니다.
위의 내용은 편집자가 부트 스트랩 페이지 인레이터 페이징 플러그인을 AJAX와 결합하여 동적 새로 고침이없는 페이지 매김 효과를 달성하기 위해 편집자가 도입 한 관련 지식입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!