quickpaginate 的使用
--------易晓英 2010-10-7
quickpaginate 是 JQuery 的 分 页 插 件 , 使 用 时 需 要 的 js 文 :
jquery.jsp,jquery.quickpaginate.js,可能还会用到 jquery.quickpaginate.packed.js
使用步骤:
1. 页面中导入 js 文件:
<script type="text/javascript" src="/pphr/scripts/jquery.js"></script>
<script src="/pphr/scripts/jquery.quickpaginate.js" type="text/javascript"></script>
2. 给你要分页的 table 加 id:
比如我的:<table border="1" id="datas" width="500">
<c:forEach items="${hospitalizeResult}" var="problemList"
varStatus="status"> 。 。 。 。 。 。 。 forEach 中 正 常 循 环 显 示 出 你 的 数 据 。 。 。 。 。
</c:forEach>
</table>
在 table 下紧接着写一个<div id="datas_list_page"></div> id 随便起
说明: 这个 div 是 jquery 用来生成翻页链接的,你只需要写个空的就可以了
3. 写 js 脚本:
<script type="text/javascript">
$(function(){
$("#datas tr").quickpaginate({ perpage: 2, pager : $("#datas_list_page") }); });
</script> 解释:#datas 是我的 table, 我们要分页的是 tr 中的内容,所以#datas tr 就定位到
你要分页的行了,quickpaginate 是插件中的方法,perpage:每页多少行,pager:显示分页
超链接的 div。
以上 3 步完成就可以分页了,这种分页是客户端的分页,也就是说数据从数据库中拿到客
户端后,客户端页面自行分页,当然如果想要本页需要多少数据,从数据库中就拿多少数
据 这 种 动 态 分 页 , 可 以 使 用 其 他 方 式 , 比 如 用 hibernate 提 供 的 s etFirstResult();
setMaxResults();得到本页所需数据,页面中自定义翻页超链接及传递页面等操作。建议后
期谁有空谁做个基于 taglib 的分页,传入的参数除了了页码等常规信息外,还应该传入一
个数据集合的参数,在 taglib 中完成表的生成,样式都自己控制,以前写过一个,找不到
了,有时间我再写一个。