Bootstrap使用记录–paginator分页

paginator分页插件

1. 需要引入bootstrap-paginator.min.js
   插件地址(包含文档):https://github.com/lyonlai/bootstrap-paginator.git

2. 确定容器
   <div id="page"></div>

3. js生成分页

var totalPages = Math.ceil(data.total/10);//data为数据
var options = {  
      currentPage: 1,  //默认第一页
      totalPages: totalPages,  //总页数
      size:"normal",  
      alignment:"center",  
      itemTexts: function (type, page, current) {  
                switch (type) {  
                    case "first":  
                        return "首页";  
                    case "prev":  
                        return "<<";  
                    case "next":  
                        return ">>";  
                    case "last":  
                        return "末页";  
                    case "page":  
                        return  page;  
                }                 
            },  
       onPageClicked: function (e, originalEvent, type, page) {  
                         alert("当前是第"+page+"页")       
                    }  
       }  

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