在使用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);
}

PageInfo 前台分页js,带分页栏的更多相关文章

  1. js得到分页栏

    自己写的,感觉返回html代码蠢蠢的,但是新手并不知道怎么写更好的,感觉这样子也蛮简单.记录下来,以后来越改越好. //获得分页栏.注意indexSize为奇数,这样也比较好看 //totalNum: ...

  2. JS-网页中分页栏

    原理 三部分 我给分页栏分成了3部分 上一页:调用prePage()函数 下一页:调用nextPage()函数 带有数字标识的部,调用skipPage()函数 prePage函数 function p ...

  3. js 带省略号的分页源码及应用实例

    一.js:pagination.js /*--说明分页div id为:changpage*/var eachPageDataNum = 10;//每页显示记录数var nowPage = 1;//当前 ...

  4. 单篇文章JS模拟分页

    废话部分 前两天做了一个前台分页插件,支持ajax读取数据绑定前台 和 url带页码参数跳转两种方式.于是稍加改动,做了一个单篇文章js模拟分页的代码,为什么说是模拟分页呢?因为在服务器响应HTML请 ...

  5. EasyUI的DataGrid 分页栏英文改中文解决方案

    (一)分页栏英文改中文解决方案 这个问题其实很简单,就是引入文件jquery-easyui-1.3/locale/easyui-lang-zh_CN.js . 注意这个文件要放在本页js的后面,放在最 ...

  6. Mvc 分页栏扩展方法

    using System; using System.Collections.Generic; using System.Reflection; using System.Text; using Sy ...

  7. js前端分页之jQuery

    锋利的js前端分页之jQuery 大家在作分页时,多数是在后台返回一个导航条的html字符串,其实在前端用js也很好实现. 调用pager方法,输入参数,会返回一个导航条的html字符串.方法的内部比 ...

  8. “MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第六篇(图片新闻的添加以及带分页的静态页的生成)

    “MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第六篇(图片新闻的添加以及带分页的静态页的生成) 一.这篇文章主要是要实现:图片新闻的添加,无刷新图片的上传,以及添加新闻静 ...

  9. Spring统一返回Json工具类,带分页信息

    前言: 项目做前后端分离时,我们会经常提供Json数据给前端,如果有一个统一的Json格式返回工具类,那么将大大提高开发效率和减低沟通成本. 此Json响应工具类,支持带分页信息,支持泛型,支持Htt ...

随机推荐

  1. GridView中CheckBox翻页记住选项

    <asp:GridView ID="gvYwAssign" runat="server" AutoGenerateColumns="False& ...

  2. python调试工具pdb

    pdb是基于命令行的调试工具,非常类似gnu的gdb(调试c/c++). 命令 简写命令 作用 break b 设置断点 continue c 继续执行程序 list l 查看当前行的代码段 step ...

  3. win下Apache2.4的下载与安装

    1.到apache官网上下载apache的安装文件 http://httpd.apache.org/download.cgi   点击链接Files for Microsoft Windows,因为a ...

  4. Struts2框架之Action类的访问

    1. 通过<action>标签中的method属性,访问到Action中的具体的方法. * 传统的配置方式,配置更清晰更好理解!但是扩展需要修改配置文件等! * 具体的实例如下: * 页面 ...

  5. 函数的动态参数与命名空间 day10

    一.动态参数(不定长参数)def func(*args): 形参: 3种 动态参数 args元组,他包含了你所有的位置参数. *args 动态参数,不定长参数 **kwargs 他包含了关键字动态参数 ...

  6. 23.Mysql应用优化

    23.应用优化23.1 使用连接池应用启动时创建好连接,以供用户使用,而不是每次创建. 23.2 减少对Mysql的访问 23.2.1 避免对同一数据做重复检索合并简单查询,减少访问次数. 23.2. ...

  7. 8K - 圆桌会议

    HDU ACM集训队的队员在暑假集训时经常要讨论自己在做题中遇到的问题.每当面临自己解决不了的问题时,他们就会围坐在一张圆形的桌子旁进行交流,经过大家的讨论后一般没有解决不了的问题,这也只有HDU A ...

  8. PAT 1037 在霍格沃茨找零钱(20)(代码+思路)

    1037 在霍格沃茨找零钱(20)(20 分) 如果你是哈利·波特迷,你会知道魔法世界有它自己的货币系统 -- 就如海格告诉哈利的:"十七个银西可(Sickle)兑一个加隆(Galleon) ...

  9. XiaoKL学Python(D)argparse

    该文以Python 2为基础. 1. argparse简介 argparse使得编写用户友好的命令行接口更简单. argparse知道如何解析sys.argv. argparse 模块自动生成 “帮助 ...

  10. iOS.AutomatePackageBuild.0-Resource-List

    1. xcodebuild xcodebuild: 构建Xcode project和workspace. 2. TN2339: Building from the Command Lline with ...