一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jquery pagination分页插件使用详解,后台struts2

时间:2017-03-01 编辑:简简单单 来源:一聚教程网

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

效果图:

jsp

 代码如下 复制代码

bootstrap/js/jquery.pagination.js">

js:

"+""+""+""+""+""+""+"";

    });

    $("#tablepos_tbody").html(tabletr);

    pageCount = data.total;

    if(pageIndex==-1){

     pageIndex=0;

     $("#Pagination").pagination(pageCount, {

      callback: PageCallback,//PageCallback() 为翻页调用次函数。

      prev_text:"« 上一页",

      next_text:"下一页 »",

      items_per_page:pageSize,

      num_edge_entries: 2, //两侧首尾分页条目数

      num_display_entries: 6,//连续分页主体部分分页条目数

      current_page: pageIndex,//当前页索引

     });

    }

   }

  });

 }

 代码如下 复制代码

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;

}

热门栏目