1. 程式人生 > >Koa2學習之旅----結合 jqPaginator實現列表分頁

Koa2學習之旅----結合 jqPaginator實現列表分頁

1.下載jqPaginator.js  放在靜態目錄裡面
2、在需要分頁的地方引入jqPaginator.js 

3、在需要分頁的地方加個空div
    <div id="page" class="pagination"></div>
4、呼叫外掛例項化

    $('#page').jqPaginator({
        totalPages: {{totalPages}},
        visiblePages: 8,
        currentPage: {{page}},
        onPageChange: function (num, type) {
            console.log(num, type);
//
            if(type=='change'){
                location.href="{{__HOST__}}/admin/article?page="+num;
            }
        }
    });

總頁數  當前頁 要計算好從後臺傳到前臺