[jQuery] simple pagination

테이블을 그리는 것과는 별개로 pagination을 그리고 싶었다.

 

내가 적용한 실 사용 예제은 아래와 같다.

// simple pagenation 세팅
$('#light-pagination').pagination({
    pages: 20, // 전체 페이지 수 (total pagination count)
    cssStyle: 'light-theme',
    useAnchors : false,
    displayedPages : 5, 
        // pages가 이것보다 큰 경우 한번에 연속된 페이지 번호를 몇개를 보여줄지, 기본이 5
    edges : 1, 
        // displayedPages 갯수를 넘어서는 경우 시작/끝 페이지 번호를 몇개를 표시할지
        // (visible at the beginning/ending of the pagination)
    currentPage : 1, // 시작시 선택할 페이지 번호
    onPageClick : function(pageNumber, event) {
        // 페이지 번호 클릭시 이벤트
        // pageNumber : 클릭한 페이지 번호
    },        
});
 
// 검색으로 페이지수가 줄었을 경우 사용할만한 API
$('#light-pagination').pagination('setPagesCount', 15); // pages를 변경
$('#light-pagination').pagination('selectPage', 2); // currentPage를 변경
$('#light-pagination').pagination('redraw'); // 다시 그리기, setPagesCount 사용시 필요

 

 

 

 

자세한정보는 여기 참조.