Bootstrap分頁插件--Bootstrap Paginator

 

 

• 入門實例
• 組件結構
• 參數
• 公共命令
• 事件Events

參數說明：

http://my.oschina.net/shunshun/blog/204587

 

代碼示例1：

var options = {
    currentPage: 3,
    totalPages: 10,
    itemTexts: function (type, page, current) {
            switch (type) {
            case "first":
                return "First";
            case "prev":
                return "Previous";
            case "next":
                return "Next";
            case "last":
                return "Last";
            case "page":
                return "p"+page;
            }
        }
    }

$('#example').bootstrapPaginator(options);

代碼示例2：

//分頁功能
var page=$('#page1');
var options = {
currentPage:page.attr('pageNum'),
totalPages:page.attr('pageCount'),
numberOfPages:page.attr('numberOfPages'),
pageUrl: function(type, page, current){
return "/admin/movie?"+composeUrlParams()+"&p="+page;
}
}
$('#page1').bootstrapPaginator(options);
})
</script>

 

分頁進階

http://blog.fens.me/nodejs-bootstrap-paginator/

 

Bootstrap Paginator分頁插件+ajax 實現動態無刷新分頁

http://blog.csdn.net/zxw394/article/details/30067827