宝哥软件园

jquery分页分页插件使用详解(后台struts2)

编辑:宝哥软件园 来源:互联网 时间:2021-09-06

页面是用的纯钢性铸铁的效果,没有使用引导程序的框架,不然自带的分页是挺好用的,就不用麻烦了这边使用了jquery分页分页插件来实现这个功能的,这边后台用的是struts2的框架宋承宪的,jquery返回json数据,然后循环拼接桌子输入到页面,这个分页插件使用起来感觉还是比较简单,代码编辑比较少,也有样式可以选择,但是那样要导入pagination.css在差异中的班级修改样式不导入的话就只有默认样式,这边样式也没有调节,不是很美观,功能实现了,干货:

效果图:

jsp:

脚本src=' http :%=基本路径% bootstrap/js/jquery。分页。js '/script div id=' Pagination ' class=' Pagination ' text-align=' right '!-这里显示分页- /div js:

var页面索引=-1;//页面索引初始值var page SiZe=5;//每页显示条数初始化,修改显示条数,修改这里即可var页数=0;//每页显示条数初始化,修改显示条数,修改这里即可InitTable(页面索引);//加载事件,初始化表格数据,页面索引为0(第一页) //分页,页数是总条目数,这是必选参数,其它参数都是可选//翻页调用函数PageCallback(index,jq){ InitTable(index);} //请求数据函数init table(pi){ var send pn=0;if(pi!=-1){发送pn=pi} $.ajax({ type: 'POST ',dataType: 'json ',URL : '查找设备信息。操作',//提交到一般处理程序请求数据数据: {页码: endpn,页面大小:页面大小},//提交两个参数:pageIndex(页面索引),页面大小(显示条数)成功:函数(数据){ var tabletr=$(data.root).每个(函数(我,obj){ tableter=tableter ' TRT输入类型=' checkbox ' class=' checkbox all ' value=' obj。id ' '//tdtd ' obj。设备名称'/TD ' ' TD ' obj。设备IP '/TD ' ' TD ' obj。公司名称'/TD ' ' TD ' obj。设备sn '/TD ' ' TD ' obj。设备pn '/TD ' ' TD ' obj。intime/' TD ' ' TD ' obj。担保书'/TD ' '/tr ';});$('#tablepos_tbody ').html(压片机);page count=data . totalf(page index==-1){ page index=0;$(' #分页').分页(页数,{ callback: PageCallback,//PageCallback()为翻页调用次函数' prev_text: '上一页,next_text: '下一页,items_per_page:pageSize,num _ edge _ entries: 2,//两侧首尾分页条目数num _ display _ entries: 6,//连续分页主体部分分页条目数current_page: pageIndex,//当前页索引});} } });}操作:

private int RowCount=0;私有int页码=1;private int page SiZe=10 private int页数=0;私有字符串结果;public int getRowCount(){ return rowCount;} public void setRowCount(int rowCount){ this。行计数=行计数;} public int getpage no(){返回页码;} public void setageno(int page no){ this。页码=页码;} public int get page size(){ return page size;} public void SetPageSize(int PageSize){ this。页面大小=页面大小;} public int getpage count(){返回页数;} public void SetPageCount(int page count){ this。页数=页数;}公共字符串GetResult(){ 0返回结果;} public void setResult(String result){ this。结果=结果;}公共字符串查找设备信息(){ Page Page=new Page();佩奇。setstart(页面大小*页码);page.setLimit((第一页)*页面大小);佩奇。设置总计数(服务。row count());List list=service.allperson(页码,页面大小);System.out.println(页码' '页面大小);这个。setjsonstr(listToGridJoson(页面,列表));返回成功}主页:

int RowCount=0;public int rowCount(){ String sql='从设备信息中选择计数(*);查询查询会话工厂。getcurrentsession().createqquery(SQL。ToString());int rowCount=整数。parseint(查询。uniqueresult().toString());返回行数;} public List allperson(int pageNo,int page size){ system。出去。println(页码);List list=this.all(页码,页面大小);退货清单;}全部公开列表(int pageNo,int page size){ String SQL='来自设备信息';查询查询会话工厂。getcurrentsession().创建查询(SQL。ToString());查询。setfirst结果(页面大小*页码);查询。setmaxresults(页面大小);列表列表=查询。list();退货清单;} 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

更多资讯
游戏推荐
更多+