最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery pagination分页插件使用详解,后台struts2
时间:2017-03-01 编辑:简简单单 来源:一聚教程网
页面是用的纯css的效果,没有使用bootstrap的框架,不然自带的分页是挺好用的,就不用麻烦了这边使用了jquery pagination分页插件来实现这个功能的,这边后台用的是struts2的框架,ssh的,jquery返回json数据,然后循环拼接table输入到页面,这个分页插件使用起来感觉还是比较简单,代码编辑比较少,也有样式可以选择,但是那样要导入pagination.css在div中的class修改样式不导入的话就只有默认样式,这边样式也没有调节,不是很美观,功能实现了,干货:
效果图:
jsp:
代码如下 | 复制代码 |
js:
代码如下 | 复制代码 | ||||||
varpageIndex = -1; //页面索引初始值 varpageSize = 5; //每页显示条数初始化,修改显示条数,修改这里即可 varpageCount = 0; //每页显示条数初始化,修改显示条数,修改这里即可 InitTable(pageIndex);//Load事件,初始化表格数据,页面索引为0(第一页) //分页,PageCount是总条目数,这是必选参数,其它参数都是可选 //翻页调用 functionPageCallback(index, jq) { InitTable(index); }
//请求数据 functionInitTable(pi) { varsendpn = 0; if(pi!=-1){ sendpn = pi; } $.ajax({ type:"POST", dataType:"json", url:'findEquipmentInfo.action', //提交到一般处理程序请求数据 data: {pageNo:sendpn,pageSize:pageSize}, //提交两个参数:pageIndex(页面索引),pageSize(显示条数) success:function(data) { vartabletr=''; $(data.root).each(function(i,obj){ tabletr=tabletr+" | |||||||
"+obj.deviceName+" | "+""+obj.deviceIP+" | "+""+obj.companyName+" | "+""+obj.deviceSN+" | "+""+obj.devicePN+" | "+""+obj.inTime+" | "+""+obj.warrantyTime+" | "+"
action:
代码如下 | 复制代码 |
privateintrowCount=0; privateintpageNo=1; privateintpageSize=10; privateintpageCount=0; privateString result;
publicintgetRowCount() { returnrowCount; } publicvoidsetRowCount(introwCount) { this.rowCount = rowCount; } publicintgetPageNo() { returnpageNo; } publicvoidsetPageNo(intpageNo) { this.pageNo = pageNo; } publicintgetPageSize() { returnpageSize; } publicvoidsetPageSize(intpageSize) { this.pageSize = pageSize; } publicintgetPageCount() { returnpageCount; } publicvoidsetPageCount(intpageCount) { this.pageCount = pageCount; } publicString getResult() { returnresult; } publicvoidsetResult(String result) { this.result = result; } publicString findEquipmentInfo(){ Page page =newPage(); page.setStart(pageSize*pageNo); page.setLimit((pageNo+1)*pageSize); page.setTotalCount(service.rowCount()); List list=service.allperson(pageNo, pageSize); System.out.println(pageNo+" "+pageSize ); this.setJsonStr(listToGridJoson(page, list)); returnSUCCESS; } |
home:
代码如下 | 复制代码 |
introwCount=0; publicintrowCount(){ String sql ="select count(*) from EQUIPMENT_INFO"; Query query = sessionFactory.getCurrentSession().createSQLQuery(sql.toString()); introwCount = Integer.parseInt(query.uniqueResult().toString()); returnrowCount; }
publicList allperson(intpageNo,intpageSize){ System.out.println(pageNo); List list=this.all(pageNo, pageSize); returnlist; }
publicList all(intpageNo,intpageSize){ String sql ="from EquipmentInfo "; Query query = sessionFactory.getCurrentSession().createQuery(sql.toString()); query.setFirstResult(pageSize*pageNo); query.setMaxResults(pageSize); List list = query.list(); returnlist; } |
-
上一个: Yii全局函数用法示例详解
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31