jquery+struts实现前台分页
来源:互联网 发布:我知主掌握明天歌谱 编辑:程序博客网 时间:2024/06/04 18:04
整个项目是用的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);
}
}
- jquery+struts实现前台分页
- JS+JQuery 实现前台 table 分页功能
- jQuery MiniUI 前台分页
- jQuery前台分页
- jQuery+AJAX+Struts实现无刷新分页
- jQuery+AJAX+Struts实现无刷新分页
- jQuery datatables使用 ( 封装类实现前台分页 二 续...)
- javascript(jquery)实现前台html简单的分页封装
- 前台实现分页效果
- struts+Ajax(jquery)分页
- javaScript实现的前台分页
- ExtJs 实现combo前台分页
- easyUI前台分页的实现
- java实现前台分页和后台分页
- struts实现分页处理
- struts实现分页
- struts实现分页
- struts实现分页
- python里函数定义的理解
- Python实用黑科技——找出序列里面出现次数最多的元素
- Java中字符串中子串的查找——indexOf的用法
- Android简单UI界面的XML实现
- SpringMVC--数据转换、格式化和校验
- jquery+struts实现前台分页
- Pointers on C——10 Structures and Unions.5
- 调用数据库的类
- 欢迎使用CSDN-markdown编辑器
- P2666 Bessie的秘密牧场
- UVA 540 Team Queue(团体队列)
- 各排序算法对比
- [读书笔记] 怎样读论文
- Pointers on C——10 Structures and Unions.6