随笔 - 53,  文章 - 2,  评论 - 7,  阅读 - 44万

使用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 

posted on   我将一人成团  阅读(8337)  评论(2编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)

< 2013年1月 >
30 31 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 1 2
3 4 5 6 7 8 9
点击右上角即可分享
微信分享提示