项目中,一直用自己封装的Jar包,里面已经包含了分页标签。
一直懒得弄能分页,今儿闲来无事,就用了下JQ的Ajax分页。
采用的框架是JPagination。
核心代码:
var Page = function(element, options) {
var defaultOption = {
pageSize : 10, // 默认页面大小
pageBtnCount : 5, // 页面俺就总数
showFirstLastBtn : true,
firstBtnText : "第一页",
lastBtnText : "最后一页",
prevBtnText : "«",
nextBtnText : "»",
loadFirstPage : true,
remote : {
url : null,
params : null,
callback : null,
success : null,
beforeSend : null,
complete : null,
pageIndexName : ‘currentPage‘, // 当前页码
pageSizeName : ‘maxRows‘, // 从共几页
totalName : ‘totalRows‘ // 多少条记录
},
showInfo : true, // 显示当前显示xxx-xxx记录,共xx记录
infoFormat : ‘当前显示{start} ~ {end} 条记录,共 {total} 条记录‘,// 描述信息
showJump : true, // 是否开启跳转到xx页
jumpBtnText : ‘跳转‘,
showPageSizes : true, // 是否显示每页多少条
pageSizeItems : [ 5, 10, 15, 20, 30 ], // 页面大小选项
debug : false
// 关闭debug模式
}
图中膝盖的代码是根据我的喜好,给予的默认值。
与其他JQ框架类似,引入依赖,调用构造,参数,查看依赖包中的初始化声明。