分页pager的使用

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

<pg:first export="firstPageUrl=pageUrl"
        unless="current" >
      <a href="<%= firstPageUrl %>">&lt;&lt; </a>
</pg:first>
    
<pg:prev export="pageUrl" ifnull="<%= true %>">
  <% if (pageUrl != null) { %>
      <a href="<%= pageUrl %>">&lt; </a>
  <% } else { %>
    <a class="disabled">&lt; </a>
  <% } %>
</pg:prev>

<pg:pages>
    <% if (pageNumber == currentPageNumber) {%>
    <a class="on"><%= pageNumber %></a>
    <% } else { %>
    <a href="<%= pageUrl %>"><%= pageNumber %></a>
    <% } %>
</pg:pages>
<pg:next export="pageUrl" ifnull="<%= true %>">
  <% if (pageUrl != null) { %>
    <a href="<%= pageUrl %>"> &gt;</a>
  <% } else { %>
    <a class="disabled"> &gt;</a>
  <% } %>
</pg:next>

<pg:last export="lastPageUrl=pageUrl"  unless="current">
    <a href="<%= lastPageUrl %>"> &gt;&gt;</a>
</pg:last>

 <span>共${productsPage.lastPageNumber }页，到第
             <input type="text" value="1" name="pageNumber" id="pageNumber"  size="3" class="ui-page-skipTo">页
             <input type="button" class="ui-btn-s" name="submitButton" id="submitButton" type="submit" value="确定"/></span>
<script type="text/javascript">
    $(document).ready(function(){
        $("#submitButton").click(function(){
            var pageNumber = $("#pageNumber").val();
            if(pageNumber > ${productsPage.lastPageNumber}){
                pageNumber = ${productsPage.lastPageNumber};
            }
            var uri = window.location.href;
            if(uri.indexOf("pager.offset=") > 0){
                uri = uri.substr(0, uri.indexOf("pager.offset=")+13) + (pageNumber-1) * ${productsPage.pageSize};
            }else{
                if(uri.indexOf("?") > 0){
                    uri = uri + "&pager.offset=" + (pageNumber-1) * ${productsPage.pageSize};
                }else{
                    uri = uri + "?pager.offset=" + (pageNumber-1) * ${productsPage.pageSize};
                }
            }
            window.location.href=uri;
        });
        $("#pageNumber").keydown(function(event){
            if(event.keyCode == 13) {
                $("#submitButton").click();
            }
        });
    });
</script>

分页方式有两种：
第一种是从Action中得到一个List，在页面上通过<pg:item>进行自动分页。
第二种是通过把 pageSize,pageNo两参数传给后台进行数据库分页。

 

pg:pager 【用来设置分页的总体参数】

                url：分页的链接根地址，pager标签会在这个链接的基础上附加分页参数

                items:总记录数，pager标签正是根据这个值来计算分页参数的

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

                maxIndexPages:在循环输出页码的时候，最大输出多少个页码，默认是10

pg:first    【第一页的标签】export参数（相当于直接使用的变量）：

                pageUrl:分页链接URL地址（最重要的）

                pageNumber:页码

                firstItem:首页第一行的索引值

                lastItem:首页最后一行的索引值

                unless:当前页为首页时，显示样式

pg:pre     【上一页标签】export参数（相当于直接使用的变量）：

                pageUrl:分页链接URL地址

                pageNumber:页码

                firstItem:前页页第一行的索引值

                lastItem:前页最后一行的索引值

pg:next    【下一页标签】export参数（相当于直接使用的变量）：

                pageUrl:分页链接URL地址

                pageNumber:页码

                firstItem:下页页第一行的索引值

                lastItem:下页最后一行的索引值

pg:last     【最后一页标签】export参数（相当于直接使用的变量）：

                pageUrl:分页链接URL地址

                pageNumber:页码

                firstItem:尾页页第一行的索引值

                lastItem:尾页最后一行的索引值

                unless:当前页为尾页时，显示样式

pa:param 用于设置传递参数的标签

pg:pages 可用于循环输出页码数