`

Pager标签库(分页显示)详解

阅读更多
一简介,
Pager-taglib,支持多种风格的分页显示。实际上她是一个Jsp标签库,为在 JSP上显示分页信息而设计的一套标签,通过这些标签的不同的组合,会形成多种不一样的分页页面,风格各异,她自带的DEMO就有七种左右的分页风格,包括Google的分页风格。而需要订制自已的风格的分页页面也非常简单。
分页方式有两种:
一种是从Action中得到一个List,在页面上通过<pg:item>进行自动分页。
第二种是通过把 pageSize,pageNo两参数传给后台进行数据库分页。

二、准备
把pager-taglib.jar放到lib目录下(仅此足亦,完全没必要改 web.xml什么的,还有官方war包中的东西都可以不要)
之后,在JSP页面中使用如下代码:

    <%@ taglib uri= "http://jsptags.com/tags/navigation/pager" prefix= "pg" %> 

三、标签

1、<pg:pager>,在这个标签库里就充当着一个领袖的作用,一切子标签都在它里面工作。就以上出现的参数进行解释一下:
url:分页的链接根地址,pager标签会在这个链接的基础上附加分页参数。该URL不可带参数,因为Pager会在给出的URL后面加上"?page.offset="来标识当前偏移量。
items:总记录数,pager标签正是根据这个值来计算分页参数的

maxPageItems:每页显示的行数,默认为10

maxIndexPages:在循环输出页码的时候,最大输出多少个页码,默认是10 。如设为5的话,则会出现这样的情况 1 2 3 4 5 .或 3 4 5 6 7 这样的形式,其实她自带的DEMO都喜欢把页数展现出来排成一排。

isOffset:与pg:item配套使用,pg:item是用来显示数据的,实际上大多数情况是我们不需要这个标签,该值默认即可
export: 这个属性比较重要,官方文档也对此作好相对长篇幅的说明。这个属性是让标签给你暴露什么变量,当然这些变量是有选择的,如在Pager标签里,可以暴露出 来的变量有pageOffset及pageNumber,即页码偏移量及页码。通过这两个变量名,可以在Jsp或Java里面从Request里获得。 Export属性接受的值还有表达式,如currentPage=pageNumber表示,把pageNumber的值暴露出来,并赋给一个叫 CurrentPage的变量,这个变量将被保存到Request中,在Jsp或Java中可以得到。scope:有Reuqest、page可选。

2、<pg:param>这个标签很有用,用来设置将要加入到URL的参数。使用Name属性指定即可。另一个参数是 pagesize,这个原本可以在url=”/PageAction.do?pagesize=5来做可是,<pg>标签不支持这样做它给我 们提供了另一个传递变量的方法,对了就是我前面标签讲解中所提到过的标<pg:param>
代码

<pg:pager items= "${totalRows} " url= "/PageAction.do?pagesize=5"  


这样传递参数不对,应该写成:
代码

<pg:pager items= "${totalRows}" url= "/PageAction.do" maxIndexPages= "5" > 

<pg:param name=" pagesize " value= "5" /> 

另外由于不需要在页面分页所在<pg:param>要去调
再就是<pg:pager>要有items属性

3、<pg:index>这个标签说明分页条显示的内容,在这里你可以设置各种风格的分页显示方式,本例是google风格的分页条。

4、pg:first【第一页的标签】重要参数说明:
export变量的意义:
pageUrl - 分页链接URL地址(最重要的export参数)
pageNumber - 页码
firstItem - 首页第一行的索引值
lastItem - 首页最后一行的索引值

5、pg:pre【上一页标签】重要参数说明:
export变量的意义:
pageUrl - 分页链接URL地址(最重要的export参数)
pageNumber - 页码
firstItem - 前页第一行的索引值
lastItem - 前页最后一行的索引值

6、pg:next【下一页标签】重要参数说明:
export变量的意义:
pageUrl - 分页链接URL地址(最重要的export参数)
pageNumber - 页码
firstItem - 下页第一行的索引值
lastItem - 下页最后一行的索引值

7、pg:last重要参数说明:
export变量的意义:
pageUrl - 分页链接URL地址(最重要的export参数)
pageNumber - 页码
firstItem - 尾页第一行的索引值
lastItem - 尾页最后一行的索引值

8、pg:pages【这个标签用来循环输出页码信息】重要参数说明:
export变量的意义:
pageUrl - 分页链接URL地址(最重要的export参数)
pageNumber - 页码
firstItem - pageNumber这个页码指定的那一页的第一行的索引值
lastItem - pageNumber这个页码指定的那一页的最后一行的索引值

简单的一个网页标签的使用:
<pg:pager items="1001" export="currentPageNumber=pageNumber">
<pg:first><a href="${pageUrl}">首页</a></pg:first>
<pg:prev><a href="${pageUrl}">前页</a></pg:prev>
<pg:pages>
   <c:choose>
   <c:when test="${pageNumber eq currentPageNumber }">
   <font color="red">${pageNumber }</font>
   </c:when>
   <c:otherwise>
   <a href="${pageUrl }">${pageNumber}</a>
   </c:otherwise>
   </c:choose>
</pg:pages>
<pg:next><a href="${pageUrl}">下页</a></pg:next>
<pg:last><a href="${pageUrl}">尾页</a></pg:last>
</pg:pager>
分享到:
评论
1 楼 lqfACCP 2012-06-29  

相关推荐

    pager标签库使用详解

    ### pager标签库使用详解 #### 一、简介 `Pager-taglib`是一个专门为JSP页面设计的标签库,用于实现多样化的分页显示效果。它不仅内置了多种分页样式,还支持用户自定义分页样式,使得开发人员能够轻松地在网页中...

    z-pager.js分页插件.zip

    《z-pager.js分页插件详解》 在网页开发中,当数据量过大时,为了提高用户体验,通常会采用分页的方式来展示信息。这里我们要介绍的是一款名为`z-pager.js`的分页插件,它能帮助开发者快速、高效地实现网页分页功能...

    pager-taglib分页方法

    Pager-taglib是Java Web开发中一种常用的分页标签库,它极大地简化了在JSP页面中实现分页功能的过程。这个标签库通常与Servlet和JSP一起使用,尤其在大数据量展示时,提供用户友好的页面导航,帮助用户按需浏览数据...

    pager-taglib分页要点

    ### pager-taglib分页要点详解 #### 一、概述与导入 `pager-taglib`是一款专为JSP页面设计的第三方分页工具库,旨在简化Web应用中的分页功能实现,提升开发效率与代码可读性。其核心优势在于无需在`web.xml`配置...

    jquery.pager.js分页实现详解

    - 使用时需要将Pager.CSS引入到项目中,以确保分页控件的样式正确显示。 6. 浏览器兼容性: - 插件已经在IE6、IE7、Firefox和Safari等浏览器上进行了测试。 - 如果在其他浏览器上遇到不正常的表现,欢迎反馈。 ...

    jquery pager 分页

    **jQuery Pager 分页插件详解** 在Web开发中,数据展示是常见的需求,特别是当数据量大时,分页功能显得尤为重要。jQuery Pager是一款轻量级的JavaScript插件,它可以帮助开发者实现页面无刷新的分页效果,提高用户...

    jsp表格显示及分页标签

    《jsp表格显示及分页标签详解》 在Java Web开发中,JSP(JavaServer Pages)作为常用的服务器端脚本语言,常常用于构建动态网页。然而,为了提高开发效率和用户体验,开发者通常会使用标签库(Tag Library)来简化...

    jQuery客户端分页插件cPager

    **jQuery客户端分页插件cPager详解** 在Web开发中,数据展示往往涉及到大量的记录,为了提高用户体验,分页功能成为必不可少的一部分。jQuery作为一款强大的JavaScript库,提供了丰富的插件来帮助开发者实现各种...

    jquery.pager.js jquery分页

    《jQuery分页插件——jquery.pager.js详解》 在Web开发中,数据展示往往涉及到大量的信息处理,尤其是在用户交互时,如何优雅地处理大量数据的分页展示,成为了前端开发者面临的重要问题。jQuery作为一款广泛使用的...

    MVC 分页 JQuery Pager

    **MVC 分页与JQuery Pager详解** 在Web开发中,数据展示往往涉及到大量的记录,为了提高用户体验,分页是一种常见的处理方式。本篇将详细讲解如何在MVC(Model-View-Controller)架构下结合JQuery Pager实现高效、...

    分页处理框架pager-taglib

    **分页处理框架pager-taglib详解** 在Java Web开发中,分页处理是常见的需求,尤其是在数据量庞大的情况下,为了提高用户体验,我们需要将数据分批显示。`pager-taglib`是一个专门为解决这个问题而设计的轻量级分页...

    基于ASP的分页类 Kin_Db_Pager通用分页类.zip

    《基于ASP的分页类Kin_Db_Pager通用分页实现详解》 在Web开发中,分页功能是一项常见的需求,它能帮助用户更好地浏览大量数据,提高网站的用户体验。在ASP(Active Server Pages)这种经典的服务器端脚本语言中,...

    jpager分页标签(用于jsp页面中数据分页)

    **JPager 分页标签库详解** 在Web开发中,数据分页是一项常见且重要的功能,尤其是在处理大量数据时,为了提高用户体验和加载速度,我们通常会将数据分页展示。`jpager` 是一个专为 JSP 页面设计的分页标签库,它...

    详解MVC如何使用开源分页插件(shenniu.pager.js)

    总结来说,shenniu.pager.js是一个适用于MVC项目的实用分页插件,它简化了前端分页的实现,同时提供了丰富的配置选项,以适应不同的需求。结合后台的API设计,可以构建出高效、友好的分页系统。

    hibernate + 自定义标签分页

    `Pager` 类是用来存储分页信息的实体类,包括总行数(`totalRows`)、每页显示的行数(`pageSize`)、当前页号(`currentPage`)、总页数(`totalPages`)、当前页在数据库中的起始行(`startRow`)和要跳转的URL(`linkUrl`)...

    pager-taglib-2.0

    《Java分页标签库——pager-taglib-2.0详解》 在Web开发中,数据分页是一项必不可少的功能,它能够有效地管理大量数据,提高页面加载速度,优化用户体验。Java中,`pager-taglib-2.0`是一个专门用于处理分页的标签...

    JqueryPager分页

    **jQuery Pager 分页插件详解** 在Web开发中,数据量较大的时候,为了提高用户体验,通常会采用分页的方式来展示信息。jQuery Pager是一款简洁而强大的jQuery分页插件,它提供了24种不同的分页样式,能满足各种设计...

    jQueryPager jquery在.net下无刷新分页

    《jQueryPager:jQuery在.NET环境下的无刷新分页技术详解》 在当今的Web开发领域,用户界面的交互性和响应速度成为了评判一个网站或应用程序质量的重要标准。无刷新分页技术便是提升用户体验的一种有效手段,它能够...

    MVC分页详解(包括整个流程步骤,代码与注解)

    创建一个分页控件`Pager.ascx`,这个控件将接收`MvcPagerInfo`对象,并根据其中的数据生成分页链接。这些链接可以是纯HTML或者使用jQuery或其他库来实现动态加载。 4. **分页模板**: 在`_Pager.cshtml`中,定义...

Global site tag (gtag.js) - Google Analytics