티스토리 뷰

/**
    [Bootstrap3 paging html]
    totalSize : 총 건수
    pageNum : 현재 페이지
    countPerPage : 한페이지에 출력할 건수
**/
function pagingHtml(totalSize, pageNum, countPerPage) {
    var divisionVal = Math.floor(totalSize / countPerPage);
    var remainderVal = Math.floor(totalSize % countPerPage);
    if (remainderVal === 0) pageSize = pageSize - 1;
    var pageSize = divisionVal + 1;
    if (totalSize === 0) pageSize = 1;
    var nanugi = Math.floor(pageNum / 10);
    var nameoji = pageNum % 10;
    if (nameoji === 0) nanugi = nanugi - 1;

    var html = '';
    html += '<div class="text-center">';
    html += '<ul class="pagination pagination-centered" style="margin:0px">';
    if (pageSize > 10 && nanugi > 0) {
        html += '<li><a href="javascript:;" onclick="jumpPage(1)">&lt;&lt;</a></li>';
        html += '<li><a href="javascript:;" onclick="jumpPage(' + nanugi * 10 + ')">&lt;</a></li>';
    }
    for (var i = 1; i <= 10; i++) {
        var num = nanugi * 10 + i;
        if (num == pageNum) {
            html += '<li class="active"><a href="javascript:;">' + num + '</a></li>';
        } else {
            if (num <= pageSize) {
                html += '<li><a href="javascript:;" onclick="jumpPage(' + num + ')">' + num + '</a></li>';
            }
        }
    }

    if (pageSize > pageNum && Math.floor(pageSize / 10) != nanugi) {
        nextNum = (nanugi * 10) + 11;
        html += '<li><a href="javascript:;" onclick="jumpPage(' + nextNum + ')">&gt;</a></li>';
        html += '<li><a href="javascript:;" onclick="jumpPage(' + pageSize + ')">&gt;&gt;</a></li>';
    }
    html += '</ul>';
    html += '</div>';
    return html;
}


댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함