使用jquery简单实现分页,功能很简单,可以自己扩展
在jsp页面调用(只要数据类型是array、list、json类型都可以的):
<link href="${contextPath }/css/paging.css" rel="stylesheet" type="text/css"> <script language="javascript" type="text/javascript" src="${contextPath }/js/jquery.js"></script> <script language="javascript" type="text/javascript" src="${contextPath }/js/paging.js"></script>
初始化:
<script type="text/javascript">//分页初始化 //sum:记录总数 //count:每页条数 //total:页数 //current:当前页 //previous:上一页 //next:下一页 //first:第一页 //last:最后一页 //jump:跳到X页
//分页初始化/每页显示行数(默认10行),参数只要数据集(list、array、json类型),"paging"对应div的id
//var paging = new Paging("paging",data,{count:3,sum:10,total:4});
var paging = new Paging("paging",data,{count:1}); //如果一个页面需要多个分页,可以再new一个 name不能相同,div也要多建一个 id也不能相同
</script>
HTML代码,不能去掉,id是必须的
<div id="paging" class="paging"> </div>
附件地址:地址一(咳,我当然是希望赚点分了)地址二(没分的点这个吧)
注:代码里都有注释的,就四个文件,主要是paging.js