PageInfo 前台分页js,带分页栏
2024-10-15 10:12:58
在使用mybatis3,并且使用分页,PageHelper 接口,分页还是很好使用的。使用pageInfo的后台分页接口。
/**
*
* @param switchPage方法,切换页码方法
*
* function switchPage(pageNum){
$("input[name='pageNum']").val(pageNum);
$("#blgTable tr:gt(0)").remove();
getLuoJiaoDianResult(); }
*
* @getResult() 获取结果集方法
*
* function getLuoJiaoDianResult(){
var dat=serializeObject("#dizhi");
$.post("${BASE_PATH}dz/list",dat,function(data){
$("#blgTable tr:gt(0)").remove();
var option="";
if(data.list.length==0){
option+="<tr><td colspan='6'> 没有符合条件的查询结果!</td></tr>" }else{
$(data.list).each(function(i){
if(this.fenquzhihuibu==null){
this.fenquzhihuibu="";
}
if(this.paichusuo==null){
this.paichusuo="";
} if(i%2==0){
option+="<tr style='background:rgb(243, 248, 251)'>";
}else{
option+="<tr style='background:rgb(226, 237, 247)'>";
}
option+="<td>"+this.xingming+"</td><td>"+
this.shenfenzheng+"</td><td>"+this.dizhi+"</td><td> "+
this.fenquzhihuibu+" </td><td>"+this.paichusuo+"</td><td><a onclick=selectPersonInfo('"+this.personid+"') >详情</a></td></tr>"; });
}
pageInfoBar(data,"pagebar");
$("#blgTable").append(option); },"json");
}
*
*
*
* 获取分页导航条
* @param pageInfo
* @param barDivId
*/
function pageInfoBar(pageInfo, barDivId) {
var barDiv = $("#" + barDivId);
var context = "<span>当前页:" + pageInfo.pageNum + " 总页数:"
+ pageInfo.pages + " 总记录数:"+pageInfo.total+"</span>";
context += "<div class='query-content-page-btn'><ul>";
if (pageInfo.pageNum > 1) {
context += "<li class='prev-next' onclick=switchPage('"
+ pageInfo.prePage + "')>上一页</li>";
}
for (var i = 0; i < pageInfo.navigatepageNums.length; i++) {
if (pageInfo.pageNum == pageInfo.navigatepageNums[i]) {
context += "<li class='query-content-page-cur' onclick=switchPage('"
+ pageInfo.navigatepageNums[i]
+ "')>"
+ pageInfo.navigatepageNums[i] + "</li>"
} else {
context += "<li onclick=switchPage('"
+ pageInfo.navigatepageNums[i] + "')>"
+ pageInfo.navigatepageNums[i] + "</li>"
} } if (pageInfo.pageNum < pageInfo.pages) {
context += "<li class='bus-border-right prev-next' onclick=switchPage('"
+ pageInfo.nextPage + "')>下一页</li>";
}
context += "</ul></div>";
barDiv.html(context);
}
最新文章
- java代码打包成jar以及转换为exe
- 为什么一定要杀掉病毒?---帮一位老师解决MyDocument.exe优盘文件夹图标病毒问题
- 用Vue实现一个全选指令
- Hadoop-2.2.0 (传 hadoop-2.2.0.tar.gz)
- Lua 之os库
- linux下google chrome浏览器字体修改
- Oracle procedure 基本语法
- [linux]date命令时间戳和时间之间的转换
- oracle 里面定时执行任务,比如存储过程内容等。
- [置顶] 初识window.location.search
- 【电视桌面CSWUI】电视桌面(launcher)截图欣赏
- Java:终结器
- Httpd Nginx Haproxy反向代理
- MySQL 权限与用户表
- Problem C: STL——Jerry的问题
- 设计模式—桥接模式的C++实现
- MT【63】证明不是周期函数
- 1:Javascript的数据类型和相互转换
- JS部分
- UNIX环境高级编程 第13章 守护进程
热门文章
- 842. Split Array into Fibonacci Sequence能否把数列返回成斐波那契数列
- Jquery的Ajax中contentType和dataType的区别
- Django 改变xadmin后台英文为中文
- shell脚本计算斐波那契数列
- grep与正则表达式的使用
- jar导入本地maven库
- 关于PHP程序员技术职业生涯规划 2017年3月5日韩 天峰
- txt写入时报错出现:正由另一进程使用,原来是多此一举的操作
- Oracle_PL/SQL(3) 游标
- PAT 1087 有多少不同的值(20)(STL-set代码)