kkpager.js(jq分页插件)
jsp:
<div style=" position: relative;display: flex;justify-content: center">
<div id="kkpager" class="pagination"></div>
</div>
js:
初始化(这种写法,若是画面含有搜索功能需要重绘,搜索功能代码使用下面写法,或者初始化和搜索时都采用搜索的写法):
$("#kkpager").show();
$("#kkpager").Pager({
pno : pageNo,
//总页码
total : totalPage,
//总数据条数
totalRecords : totalRecords,
mode : 'click',//默认值是link,可选link或者click
click : function(n){
// do something
sendServices(
serviceName,
function(ret){
var resultcode = ret.resultcode;
var resultmsg = ret.resultmsg;
if(resultcode!=null&&resultcode=="000"){
var records = ret.data.records;
$("#queryMyKnowledge").html(myKnowledgeTemplate(records));
checkColor();
}else{
Msg.fail(resultmsg);
}
},queryString,n,8,1);
//手动选中按钮
this.selectPage(n);
return false;
}
},true);
搜索查询:
var pageOptions = {
pagerid:"kkpager",
pno : pageNo,
//总页码
total : totalPage,
//总数据条数
totalRecords : totalRecords,
mode : 'click',//默认值是link,可选link或者click
click : function(n){
// do something
sendServices(
serviceName,
function(ret){
var resultcode = ret.resultcode;
var resultmsg = ret.resultmsg;
if(resultcode!=null&&resultcode=="000"){
var records = ret.data.records;
$("#queryMyKnowledge").html(myKnowledgeTemplate(records));
}else{
Msg.fail(resultmsg);
}
},queryString,n,8);
//手动选中按钮
this.selectPage(n);
return false;
}
};
new Pager(null,pageOptions,true);
$("#kkpaper").show();