由于在给学生上课过程用需要用到分页操作,发现一个比较好用的分页插件,效果如下
插件 下载地址 :
使用方法:
1、首先要引入必要的css和js文件。
2、写一个div
3、编写js
$(function(){ var currentPage = ${indexData.page.currentPage}; var totalPage = ${indexData.page.totalPage}; $('#pageLimit').bootstrapPaginator({ currentPage : currentPage, totalPages : totalPage, size : "normal", bootstrapMajorVersion : 3, alignment : "right", numberOfPages : 5, 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 (event, originalEvent, type, page) { //TODO具体页面操作 } });});