Bootstrap使用记录–paginator分页

来源：互联网发布：淘宝助理有什么好处编辑：程序博客网时间：2024/05/18 14:12

paginator分页插件

需要引入bootstrap-paginator.min.js
插件地址(包含文档):https://github.com/lyonlai/bootstrap-paginator.git
确定容器
<div id="page"></div>
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);

0 0