html部分:
<ul class="pagination"></ul> <!--bootstrap3版本用ul包裹--> <div class="pagination"></div><!--bootstrap2版本用div包裹-->
JS部分:
var options = { currentPage:‘<%= currentPage %>‘, //当前页 totalPages:‘<%= totalPages %>‘, //总页数 numberOfPages:5, //设置控件显示的页码数 bootstrapMajorVersion:3,//如果是bootstrap3版本需要加此标识,并且设置包含分页内容的DOM元素为UL,如果是bootstrap2版本,则DOM包含元素是DIV useBootstrapTooltip:‘true‘,//是否显示tip提示框 pageUrl:function(type,page, current){ return ‘/pg/pgList?gotoPage=‘+page //为每个页码设置url访问请求链接,page为页码数 }, itemTexts:function(type,page, current){//文字翻译 switch (type) { case "first": return "首页"; case "prev": return "上一页"; case "next": return "下一页"; case "last": return "尾页"; case "page": return page; } } } $(‘.pagination‘).bootstrapPaginator(options);
参考资料:http://m.oschina.net/blog/204587
时间: 2024-11-04 11:13:52