>  기사  >  웹 프론트엔드  >  jquery 플러그인 web2.0 그리드 페이징 스크립트는 ajax 비새로고침 paging_jquery에 사용할 수 있습니다.

jquery 플러그인 web2.0 그리드 페이징 스크립트는 ajax 비새로고침 paging_jquery에 사용할 수 있습니다.

WBOY
WBOY원래의
2016-05-16 18:57:07972검색

******js 바닥글 생성******
****No Sword(2008-03-05)****
수정일자: 2008-3-12
추가 두 개의 매개변수: displaynum, displaylastNum 표시되는 페이지 번호 수를 자유롭게 사용자 정의할 수 있습니다.

매개변수: pagesize:10 //각 페이지에 표시되는 페이지 번호 수
, count:0 //데이터 수 items
, css:"mj_pagefoot" //페이지 바닥글 CSS 스타일 클래스
,current:1 //현재 페이지 번호
,displaynum:7 //가운데 표시되는 페이지 번호
,displaylastNum:5 //마지막으로 표시된 페이지 번호
,previous:"previous page" //이전 페이지 표시 스타일
,next:"next page" //다음 페이지 표시 스타일
,paging :null //페이징 이벤트가 트리거될 때 콜백

함수가 사용됩니다:
$("div").pagefoot({
pagesize:10,
count:500,
css:"mj_pagefoot",
이전: "<",
다음:">",
paging:function(페이지){
alert("현재 페이지 "페이지");
}
})
위 코드는 모든 div에 페이징 바닥글 코드를 추가합니다.
*/
매개변수 중 하나를 특별히 설명해야 합니다: paging

1 이 매개변수 페이징 바닥글이 페이징될 때 트리거되는 액션입니다. 이 액션에 뭔가를 추가하지 않으면 페이징이 정상적으로 작동하지 않으므로 다음과 같이 추가하면 됩니다.
paging:function(page){
location.href="?page=" page;
}
물론 페이징의 페이지 번호 위치를 유지하려면 새로 고칠 때 현재 페이지 번호를 매개변수에 할당해야 합니다. current
페이지에 값을 할당하지 않으면 기본값은 첫 번째 페이지입니다. . . 기술적인 내용은 없고 연습만 하세요 ㅎㅎ




코드 복사

코드는 다음과 같습니다.JackLee: paging:function(page){ location.href="?page=" page; }
이것에 문제가 있나요? ?
10페이지를 클릭하면 div 네비게이션에서 1페이지가 현재 페이지가 되어야 할 것 같아요!
---------------------------------- --- ---------
여기서 주의하지 않으셨네요:
---
물론 페이징의 페이지 번호 위치를 유지하려면, 페이지를 새로 고칠 때 현재 페이지 번호를 지정합니다. 현재
값을 지정하지 않으면 기본값은 첫 번째 페이지입니다. . .
---
이 페이지를 다시 로드한 후 수동으로 값을 할당해야 합니다.
이렇게 하기 싫다면 ajax를 사용하여 페이지네이션을 하는 것이 더 좋고, 별로 번거롭지도 않을 것입니다


온라인 시연
http://img. jb51.net/online/ jquery.pageFoot/DEMO.htm

파일 패키징
http://img.jb51.net/online/jquery.pageFoot/jquery.pageFoot.rar
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.