Paging

개요

Paging의 기능과 사용법에 대해 설명하는 문서입니다.

• [뒤로 가기(사용자 설명서)](사용자 설명서)

dependencies

없음

예제

/**
*
*/
(function () {
    'use strict';

    // create instance
    var pagingTest = new Paging('#paging_test');

    // configure
    pagingTest
        .rowsPerPage(10)
        .totalCount(1000)
        ;

    // listen event
    paging.on('move', function (e, pageNum) {
        console.log('pageNum:', pageNum);
    });
})();

<div>
    <div class="mu-pagination" id="paging_test"></div>
</div>

constructor

• Paging(String paging selector)
• JQuery selector에 해당하는 문자열을 생성자의 인자로 입력받습니다.
• ex)

    var paging = new Paging('#paging_test');

    <div id="paging_test"></div>

public variables

다음과 같은 멤버변수들에 직접 접근하여 사용할 수 있습니다.

selector

• 생성자의 인자로 입력한 JQuery selector 입니다.

el

• selector를 통해 생성한 JQuery object 입니다. ($(selector))

methods

getter/setter methods

아래 기술된 메서드는 arguments를 입력하면 setter로, 입력하지 않으면 getter로 동작합니다. ex)

    grid.totalCount(1000); // setter

    var total = grid.totalCount(); // getter

totalCount([Number totalCount])

Paging을 구성할 때, 전체 데이터 개수를 설정하거나 가져오는 메서드입니다.
반드시 지정해야 합니다.

rowsPerPage([Number rowsPerPage]) (default: 50)

Paging을 구성할 때, 한 페이지당 행 개수를 설정하거나 가져오는 메서드입니다.

info([Object info])

Paging의 여러 설정값들을 한 번에 설정하거나 가져오는 메서드입니다.
사용하는 설정값들은 다음을 참고하시기 바랍니다.
ex)

paging.info({
    totalCount: 0, // 전체 행 갯수
    totalPageCount: 0, // 전체 페이지 갯수
    pagePerView: 1, // 화면당 표시되는 전체 페이지 갯수
    currentPageNumber: 1, // 현재 페이지 번호
    rowsPerPage: 5, // 페이지당 표시되는 리스트 행 개수
    startRow: 0, // 페이지의 첫번째 행 번호
    endRow: 0 // 페이지의 마지막 행 번호
});

events methods

on(String eventName, Function listener)

이벤트 listener를 등록하는 메서드입니다.
이벤트는 'move'가 있으며 사용자가 버튼 등을 클릭하여 페이지를 변경하였을 때 발생합니다.

draw methods

make()

설정값을 가지고 실제로 Paging을 구성하는 메서드입니다.

etc methods

reset([Number rowPerPage])

Paging의 여러 설정값들을 초기화하는 메서드입니다.
각 설정값들을 다음과 같이 default로 초기화합니다.

    totalCount = 0;
    totalPageCount = 0;
    pagePerView = 10;
    currentPageNumber = 1;
    rowsPerPage = (rowPerPage || 50);
    startRow = 0;
    endRow = 0;

move([Number pageNum])

페이지를 수동으로 이동시키는 메서드입니다.