kkpager.js（jq分页插件）

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();