在使用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 + "&nbsp;总页数:"
+ pageInfo.pages + "&nbsp;&nbsp;总记录数:"+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);
}

最新文章

  1. java代码打包成jar以及转换为exe
  2. 为什么一定要杀掉病毒?---帮一位老师解决MyDocument.exe优盘文件夹图标病毒问题
  3. 用Vue实现一个全选指令
  4. Hadoop-2.2.0 (传 hadoop-2.2.0.tar.gz)
  5. Lua 之os库
  6. linux下google chrome浏览器字体修改
  7. Oracle procedure 基本语法
  8. [linux]date命令时间戳和时间之间的转换
  9. oracle 里面定时执行任务,比如存储过程内容等。
  10. [置顶] 初识window.location.search
  11. 【电视桌面CSWUI】电视桌面(launcher)截图欣赏
  12. Java:终结器
  13. Httpd Nginx Haproxy反向代理
  14. MySQL 权限与用户表
  15. Problem C: STL——Jerry的问题
  16. 设计模式—桥接模式的C++实现
  17. MT【63】证明不是周期函数
  18. 1:Javascript的数据类型和相互转换
  19. JS部分
  20. UNIX环境高级编程 第13章 守护进程

热门文章

  1. 842. Split Array into Fibonacci Sequence能否把数列返回成斐波那契数列
  2. Jquery的Ajax中contentType和dataType的区别
  3. Django 改变xadmin后台英文为中文
  4. shell脚本计算斐波那契数列
  5. grep与正则表达式的使用
  6. jar导入本地maven库
  7. 关于PHP程序员技术职业生涯规划 2017年3月5日韩 天峰
  8. txt写入时报错出现:正由另一进程使用,原来是多此一举的操作
  9. Oracle_PL/SQL(3) 游标
  10. PAT 1087 有多少不同的值(20)(STL-set代码)