一簡介
Pager-taglib，是一套分頁標(biāo)簽庫，可以靈活地實(shí)現(xiàn)多種不同風(fēng)格的分頁導(dǎo)航頁面，并且可以很好的與服務(wù)器分頁邏輯分離支持多種風(fēng)格的分頁顯示。通過這些標(biāo)簽的不同的組合，會形成多種不一樣的分頁頁面，風(fēng)格各異，它自帶的DEMO就有七種左右的分頁風(fēng)格，包括Google的分頁風(fēng)格。而需要訂制自已的風(fēng)格的分頁頁面也非常簡單。
分頁方式有兩種：
一種是從Action中得到一個List，在頁面上通過<pg:item>進(jìn)行自動分頁。
第二種是通過把 pageSize,pageNo兩參數(shù)傳給后臺進(jìn)行數(shù)據(jù)庫分頁。

本文只演示第二種數(shù)據(jù)庫分頁：普通form提交方式和對開源ajaxAnywhere的支持

二、準(zhǔn)備
把pager-taglib.jar放到lib目錄下(僅此足亦，完全沒必要改web.xml什么的，還有官方war包中的東西都可以不要)

 

 

<%@ taglib uri="/WEB-INF/pager-taglib.tld" prefix="pg"%>
<%@ taglib prefix="c" uri="/WEB-INF/c.tld"%>



三，form提交方式

１．將公用的部分提出來單獨(dú)放在公共的jsp文件中pagination_tag.jsp

<table border=0 cellpadding=0 cellspacing=0 align=right>
    <tr align=center valign=top>
        <pg:page export="first,last">
            <td>
                ${first} - ${last} of ${total}&nbsp;&nbsp;
            </td>
        </pg:page>
        <pg:first export="pageUrl" unless="current">
            <td>
                <c:if test="${pageUrl!=null }">
                    <A HREF="${pageUrl}"> <b>[第一頁]</b> </A>
                </c:if>
            </td>
        </pg:first>
        <pg:prev export="pageUrl" ifnull="${true }">
            <td align=right>
                <c:if test="${pageUrl!=null }">
                    <A HREF="${pageUrl}"> <b>[前一頁]&nbsp;</b> </A>
                </c:if>
            </td>
        </pg:prev>
        <pg:pages>
            <td align=right>
                <c:choose>
                    <c:when test="${pageNumber == currentPageNumber}">
                        <font color=#A90A08>${pageNumber}&nbsp;</font>
                    </c:when>
                    <c:otherwise>
                        <A HREF="${pageUrl}">${pageNumber}&nbsp;</A>
                    </c:otherwise>
                </c:choose>
            </td>
        </pg:pages>
        <pg:next export="pageUrl" ifnull="${true }">
            <td>
                <c:if test="${pageUrl!=null }">
                    <A HREF="${pageUrl}"> <b>[下一頁]</b> </A>
                </c:if>
            </td>
        </pg:next>
        <pg:last export="pageUrl" unless="current">
            <td>
                <c:if test="${pageUrl!=null }">
                    <A HREF="${pageUrl}"> <b>[最后頁]</b> </A>
                </c:if>
            </td>
        </pg:last>
    </tr>
</table>

２．使用方法
<pg:pager url="/CrmWeb/jsp/integrateAccept/custOrder.do" items="${total}" maxPageItems="${pageSize}"
 maxIndexPages="${5}" isOffset="${true}" export="offset,currentPageNumber=pageNumber"
 scope="request">
 <pg:param name="method" value="qryOrder" />
<table>     
<c:forEach var="vo" items="${custOrders}">
<tr>
<td >...</td> 
</tr>
</c:forEach>
</table>  
<pg:index>
<jsp:include page="pagination_tag.jsp" flush="true" />
 </pg:index>
</pg:pager>


四．對ajaxAnywhere的分頁支持

１．將公用的部分提出來單獨(dú)放在公共的jsp文件中pagination_tag_ajax.jsp

<table border=0 cellpadding=0 cellspacing=0 align=right>
    <tr align=center valign=top>
        <pg:page export="first,last">
            <td>
                ${first} - ${last} of ${total}&nbsp;&nbsp;
            </td>
        </pg:page>
        <pg:first export="pageUrl" unless="current">
            <td>
                <c:if test="${pageUrl!=null }">
                    <A HREF="#" onClick="javascript:{${ajaxInvoke}('${pageUrl}');}"> <b>[µÚÒ»Ò³]</b> </A>
                </c:if>
            </td>
        </pg:first>
        <pg:prev export="pageUrl" ifnull="${true }">
            <td align=right>
                <c:if test="${pageUrl!=null }">
                    <A HREF="#" onClick="javascript:{${ajaxInvoke}('${pageUrl}');}"> <b>[Ç°Ò»Ò³]&nbsp;</b> </A>
                </c:if>
            </td>
        </pg:prev>
        <pg:pages>
            <td align=right>
                <c:choose>
                    <c:when test="${pageNumber == currentPageNumber}">
                        <font color=#A90A08>${pageNumber}&nbsp;</font>
                    </c:when>
                    <c:otherwise>
                        <A HREF="#" onClick="javascript:{${ajaxInvoke}('${pageUrl}');}">${pageNumber}&nbsp;</A>
                    </c:otherwise>
                </c:choose>
            </td>
        </pg:pages>
        <pg:next export="pageUrl" ifnull="${true }">
            <td>
                <c:if test="${pageUrl!=null }">
                    <A HREF="#" onClick="javascript:{${ajaxInvoke}('${pageUrl}');}"> <b>[ÏÂÒ»Ò³]</b> </A>
                </c:if>
            </td>
        </pg:next>
        <pg:last export="pageUrl" unless="current">
            <td>
                <c:if test="${pageUrl!=null }">
                    <A HREF="#" onClick="javascript:{${ajaxInvoke}('${pageUrl}');}"> <b>[×îºóÒ³]</b> </A>
                </c:if>
            </td>
        </pg:last>
    </tr>
</table>

２．使用方法

<%@ taglib prefix="aa" uri="/WEB-INF/ajaxanywhere.tld"%>
<script src="<c:url value="/js/aa.js"/>"></script>
<c:set var="ajaxInvoke" scope="request">ajaxPaginationInvoke</c:set>
<aa:zone name="next_step">
<pg:pager url="/CrmWeb/jsp/integrateAccept/custOrder.do" items="${total}" maxPageItems="${pageSize}"
 maxIndexPages="${5}" isOffset="${true}" export="offset,currentPageNumber=pageNumber"
 scope="request">
 <pg:param name="method" value="qryOrder" />
<table> 
      ......
<c:forEach var="vo" items="${custOrders}">
<tr>
<td >...</td> 
</tr>
</c:forEach>
</table>  
<pg:index>
<jsp:include page="pagination_tag_ajax.jsp" flush="true" />
 </pg:index>
</pg:pager>
</aa:zone>
<script>
ajaxAnywhere.formName = "ajax_form";
function ajaxPaginationInvoke(url){
    document.frames['ajax_form'].action=url;
    ajaxAnywhere.submitAJAX();
}
ajaxAnywhere.onAfterResponseProcessing= function (){
}
<script>

效果見下圖
 _pagination_ajaxanywhere.jpg

五．標(biāo)簽講解：從頁面里可以看到，這里使用了幾個標(biāo)簽

1、<pg:pager>,在這個標(biāo)簽庫里就充當(dāng)著一個領(lǐng)袖的作用，一切子標(biāo)簽都在它里面工作。就以上出現(xiàn)的參數(shù)進(jìn)行解釋一下：
items：數(shù)據(jù)的紀(jì)錄數(shù)
maxPageItems：顯示最多的紀(jì)錄數(shù)/頁
maxIndexPages：顯示最多的分頁數(shù)/次，如設(shè)為5的話，則會出現(xiàn)這樣的情況 1 2 3 4 5 .或 3 4 5 6 7 這樣的形式，其實(shí)她自帶的DEMO都喜歡把頁數(shù)展現(xiàn)出來排成一排。
isOffset：與pg:item配套使用
export：這個屬性比較重要，文檔也對此作好相對長篇幅的說明。這個屬性是讓標(biāo)簽給你暴露什么變量，當(dāng)然這些變量是有選擇的，如在Pager標(biāo)簽里，可以暴露出來的變量有pageOffset及pageNumber，即頁碼偏移量及頁碼。通過這兩個變量名，可以在Jsp或Java里面從Request里獲得。Export屬性接受的值還有表達(dá)式，如currentPage=pageNumber表示，把pageNumber的值暴露出來，并賦給一個叫CurrentPage的變量，這個變量將被保存到Request中，在Jsp或Java中可以得到。
scope：咳。還需要講么？
2、<pg:param>這個標(biāo)簽很有用，用來設(shè)置將要加入到URL的參數(shù)。使用Name屬性指定即可。
3、<pg:index>這個標(biāo)簽說明分頁條顯示的內(nèi)容，在這里你可以設(shè)置各種風(fēng)格的分頁顯示方式。
4, <pg:prev> , <pg:pages>,<pg:next>這些標(biāo)簽都是導(dǎo)航標(biāo)簽顧名思義,你一看例子就明白了，我就不用講了吧。