kkpager插件 获取分页的当前页码
分页代码如下
success: function(data){
//执行成功后调用的方法,data 就是返回的数据
var obj = eval ("(" + data + ")");
// console.log(obj);
//分离数据
//将当前页,总页数转换成整数便于输出导航
var pageNo = parseInt(obj.pno);//当前页
var totalPage = parseInt(obj.total);//总页数
var totalRecords = parseInt(obj.totalRecords);//总条数
var ulist = obj.list;//查询出来的用户列表
//清空原有数据
$("#tb").html("");
//循环输出数据
$.each(ulist, function(i, user){
var txt = '<tr><td><input type="checkbox" name="selectFlag" value='+user.id+'></td><td>'+user.name+'</td><td>'+user.pwd+'</td><td><a href="javaScript:detail('+user.id+')">详细</a></td><td><a href="javaScript:edit('+user.id+')">修改</a></td><td><a href="javaScript:del('+user.id+')">删除</a></td></tr>';
$("#tb").append(txt);
});
//分页导航
//清空原有数据
//分页导航
//清空原有数据
$("#kkpager").html("");
//分页导航
//生成分页
//有些参数是可选的,比如lang,若不传有默认值
kkpager.generPageHtml({
keyword:key,
pno: pageNo,
total: totalPage,
totalRecords: totalRecords, //总数据条数
pageSize:pageSize,
mode:'click', //这里设置为click模式
lang : {
firstPageText : '第一页',
lastPageText : '最后一页',
prePageText : '上一页',
nextPageText : '下一页',
totalPageBeforeText : '共',
totalPageAfterText : '页',
totalRecordsAfterText : '条数据',
gopageBeforeText : '转到',
gopageButtonOkText : '确定',
gopageAfterText : '页',
buttonTipBeforeText : '第',
buttonTipAfterText : '页'
},
//链接前部
hrefFormer : '${hrefFormer}',
//链接尾部
hrefLatter : '${hrefLatter}',
//点击页码的函数,这里发送ajax请求后台
click:function(n){
pageNo=n;
initList(n,pageSize,totalRecords,totalPage,key);
//手动条用selectPage进行页码选中切换
},
//设置href链接地址,默认#
getHref : function(n){
return '#';
}
},true);
//分页导航结束
}
});
分页的在页面的位置
<!-- 循环输出数据 -->
<tbody id="tb"></tbody>
<tr>
<td> </td>
<td></td>
<td colspan="5" id="kkpager" class="active"></td>
</tr>
问题:怎么获取到分页的当前页码?
success: function(data){
//执行成功后调用的方法,data 就是返回的数据
var obj = eval ("(" + data + ")");
// console.log(obj);
//分离数据
//将当前页,总页数转换成整数便于输出导航
var pageNo = parseInt(obj.pno);//当前页
var totalPage = parseInt(obj.total);//总页数
var totalRecords = parseInt(obj.totalRecords);//总条数
var ulist = obj.list;//查询出来的用户列表
//清空原有数据
$("#tb").html("");
//循环输出数据
$.each(ulist, function(i, user){
var txt = '<tr><td><input type="checkbox" name="selectFlag" value='+user.id+'></td><td>'+user.name+'</td><td>'+user.pwd+'</td><td><a href="javaScript:detail('+user.id+')">详细</a></td><td><a href="javaScript:edit('+user.id+')">修改</a></td><td><a href="javaScript:del('+user.id+')">删除</a></td></tr>';
$("#tb").append(txt);
});
//分页导航
//清空原有数据
//分页导航
//清空原有数据
$("#kkpager").html("");
//分页导航
//生成分页
//有些参数是可选的,比如lang,若不传有默认值
kkpager.generPageHtml({
keyword:key,
pno: pageNo,
total: totalPage,
totalRecords: totalRecords, //总数据条数
pageSize:pageSize,
mode:'click', //这里设置为click模式
lang : {
firstPageText : '第一页',
lastPageText : '最后一页',
prePageText : '上一页',
nextPageText : '下一页',
totalPageBeforeText : '共',
totalPageAfterText : '页',
totalRecordsAfterText : '条数据',
gopageBeforeText : '转到',
gopageButtonOkText : '确定',
gopageAfterText : '页',
buttonTipBeforeText : '第',
buttonTipAfterText : '页'
},
//链接前部
hrefFormer : '${hrefFormer}',
//链接尾部
hrefLatter : '${hrefLatter}',
//点击页码的函数,这里发送ajax请求后台
click:function(n){
pageNo=n;
initList(n,pageSize,totalRecords,totalPage,key);
//手动条用selectPage进行页码选中切换
},
//设置href链接地址,默认#
getHref : function(n){
return '#';
}
},true);
//分页导航结束
}
});
分页的在页面的位置
<!-- 循环输出数据 -->
<tbody id="tb"></tbody>
<tr>
<td> </td>
<td></td>
<td colspan="5" id="kkpager" class="active"></td>
</tr>
问题:怎么获取到分页的当前页码?
...全文
相关推荐
jquery kkpager分页插件带跳转的分页样式代码
之后,你可以通过CDN或者下载插件文件来获取kkpager。将其放在HTML文件的`<head>`部分或者`<body>`底部,确保jQuery库在kkpager之前引入。2.
jquery 分页插件 kkpager
本文将深入探讨jQuery分页插件kkpager的原理、使用方法以及实际应用中的优化技巧。
jQuery Ajax 实现分页 kkpager插件实例代码
同时通过GetQueryString函数获取当前页码pageNo的值,若未获取到则默认为第一页。接下来通过定义一个LoadingGoods函数来触发Ajax请求。
用kkpager插件,ajax分页
设置必要的参数,如总记录数、每页记录数、当前页码等。
Spring Data JPA+kkpager实现分页功能实例
当用户点击kkpager的页码时,它会触发一个页面刷新或异步请求,向后台发送当前的页码和每页大小。


Web 开发
