jquery+struts实现前台分页

 

 

 

整个项目是用的ssh框架+jquery技术

之前在网上找前台分页方法发现都不太好，最近写了一个，特意分享出来供大家参考

qq：953086648

 

 

前台js分页：

var pageSize = 10;  //每页显示的数据条数

var dataList;    //需要被分页的数据集合

 

showData(pageSize,1,dataList); //展示数据

setPage(dataList.length); //设置页码

function showData(pageSize,pageNum,data){

         varstart = (pageNum-1)*pageSize; //展示记录开始条数

         vari = start;

         if(start+pageSize*1< data.length){ //如果数据已经够pageSize条

                  for(i;i<start*1+pageSize*1;i++){

    str +=””;

}

}else{//如果数据不够pageSize条

         for(i;i<data.length;i++){

                  str +=””;

}

}

}

Function setPage(number){

                  varpageCount = math.floor(number / pageSize); //总页数向下取整

                  if(number% pageSize == 0){

         $(“#pageCount”).html(pageCount);

}else{

         $(“#pageCount”).html(pageCount+1);

}

}

Function uppageBtn(){ //上一页按钮点击事件

         var tempPage = $(“#pageNum”).text();

         if(“1” == tempPage){

         alert(“已经是第一页”);

}

var pageNum = --tempPage;//自减一

$(“#pageNum”).text(pageNum);

         showData(pageSize,pageNum,dataList);

}

Function nextpageBtn(){ //下一页按钮点击事件

var tempPage =$(“#pageNum”).text();

var pageCount =$(“pageCount”).text();

pageNum ++;

If(pageCount< pageNum){

         Alert(“已经是最后一页”);

}

         $(“#tbody”).html(“”);

         If(pageNum *1 < pageCount *1){

         $(“#pageNum”).text(pageNum);

                  showData(pageSize,pageNum,dataList);

}

}