我的Blog我做主^_^

          走向一條通往JAVA的不歸路...

            BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理 ::
            64 隨筆 :: 68 文章 :: 77 評論 :: 0 Trackbacks
          一簡介,
          Pager-taglib,支持多種風格的分頁顯示。實際上她是一個Jsp標簽庫,為在JSP上顯示分頁信息而設計的一套標簽,通過這些標簽的不同的組合,會形成多種不一樣的分頁頁面,風格各異,她自帶的DEMO就有七種左右的分頁風格,包括Google的分頁風格。而需要訂制自已的風格的分頁頁面也非常簡單。
          分頁方式有兩種:
          一種是從Action中得到一個List,在頁面上通過<pg:item>進行自動分頁。
          第二種是通過把 pageSize,pageNo兩參數(shù)傳給后臺進行數(shù)據(jù)庫分頁。

          我做兩個Demo加以說明對比:

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

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

          三,jsp (第一種分頁方案由<pg:item>自行分頁 )

          代碼
          <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
          
          <%
          @tagliburi="/WEB-INF/tld/c.tld"prefix="c"%>
          <%@ taglib uri="http://jsptags.com/tags/navigation/pager" prefix="pg" %
          >
          <html>
          <head></head>
          <body>
          <pg:pager
          url="
          /PageAction.do"
          index=
          "half-full"
          maxPageItems =
          "3"
          maxIndexPages=
          "5"
          isOffset =
          "<%=false%>"
          export
          ="pageOffset,currentPageNumber=pageNumber"
          scope="request">

          <table>
          <c:forEachitems="${userlist}"var="user">
          <pg:item>
          <tr>
          <tdheight="39">${user.userId}</td>
          <td height="39">${user.username}<
          /td>
          <tdheight="39">${user.password}</td>
          <
          /tr>
          </pg:item>
          <
          /c:forEach>
          </table>
          <pg:index>
          <center>
          <table border=0 cellpadding=0 width=10% cellspacing=0>
          <tr align=center valign=top>
          <td valign=bottom><font face=arial,sans-serif
          size=-1>Result Page: <
          /font></td>
          <pg:prev ifnull="true">
          <% if (pageUrl != null) { %>
          <td align=right><A HREF="<%= pageUrl %>"><IMG
          SRC=http:
          //www.google.com/nav_previous.gifalt=""border=0><br>
          <b>Previous</b></A></td>
          <% } else { %>
          <td><IMG SRC=http:
          //www.google.com/nav_first.gifalt=""border=0></td>
          <% } %>
          <
          /pg:prev>
          <pg:pages>
          <%if(pageNumber==currentPageNumber){%>
          <td
          ><IMGSRC=http://www.google.com/nav_current.gifalt=""><br>
          <fontcolor=#A90A08><%=pageNumber%></font></td>
          <%}else{%>
          <td
          ><AHREF="<%=pageUrl%>"><IMG
          SRC=http://www.google.com/nav_page.gifalt=""border=0><br>
          <%= pageNumber %></A></td>
          <% } %>
          </pg:pages>
          <pg:next ifnull
          ="true">
          <%if(pageUrl!=null){%>
          <td
          ><AHREF="<%=pageUrl%>"><IMG
          SRC=http://www.google.com/nav_next.gifalt=""border=0><br>
          <b>Next</b></A></td>
          <% } else { %>
          <td><IMG SRC=http:
          //www.google.com/nav_last.gifalt=""border=0></td>
          <% } %>
          <
          /pg:next>
          </tr>
          <
          /table>
          </center>
          <
          /pg:index>
          </pg:pager>
          <
          /body></html>

          四.標簽講解:從頁面里可以看到,這里使用了幾個標簽

          1、<pg:pager>,在這個標簽庫里就充當著一個領袖的作用,一切子標簽都在它里面工作。就以上出現(xiàn)的參數(shù)進行解釋一下:
          items:數(shù)據(jù)的紀錄數(shù)
          maxPageItems:顯示最多的紀錄數(shù)/頁
          maxIndexPages:顯示最多的分頁數(shù)/次,如設為5的話,則會出現(xiàn)這樣的情況 1 2 3 4 5 .或 3 4 5 6 7 這樣的形式,其實她自帶的DEMO都喜歡把頁數(shù)展現(xiàn)出來排成一排。
          isOffset:與pg:item配套使用
          export:這個屬性比較重要,文檔也對此作好相對長篇幅的說明。這個屬性是讓標簽給你暴露什么變量,當然這些變量是有選擇的,如在Pager標簽里,可以暴露出來的變量有pageOffset及pageNumber,即頁碼偏移量及頁碼。通過這兩個變量名,可以在Jsp或Java里面從Request里獲得。Export屬性接受的值還有表達式,如currentPage=pageNumber表示,把pageNumber的值暴露出來,并賦給一個叫CurrentPage的變量,這個變量將被保存到Request中,在Jsp或Java中可以得到。
          scope:咳。還需要講么?

          2、<pg:param>這個標簽很有用,用來設置將要加入到URL的參數(shù)。使用Name屬性指定即可。在這個Demo中我們還沒有用的參數(shù)傳遞,下一個Demo你會看到它的用法。

          3、<pg:index>這個標簽說明分頁條顯示的內(nèi)容,在這里你可以設置各種風格的分頁顯示方式,本例是google風格的分頁條。
          4, <pg:prev> , <pg:pages>,<pg:next>這些標簽都是導航標簽顧名思義,你一看例子就明白了,我就不用講了吧。

          五,第二種分頁方案
          與頁面自行分頁不同的是還需要給后臺傳兩個參數(shù),
          一個是pageNo(當前頁數(shù))
          可以在每一個PageUrl后面都加了&pageNo=<%= pageNumber %>。讓我們的URL帶上頁碼的參數(shù),這樣程序可以拿到頁碼去查找所需要的數(shù)據(jù),你可以去比較一下兩Demo的代碼。OK,另一個參數(shù)是pagesize,這個原本可以在url=”/PageAction.do?pagesize=5來做可是,<pg>標簽不支持這樣做它給我們提供了另一個傳遞變量的方法,對了就是我前面標簽講解中所提到過的標<pg:param>

          代碼
          <pg:pageritems="${totalRows} "url="/PageAction.do?pagesize=5"

          這樣傳遞參數(shù)不對,應該寫成:
          代碼
          <pg:pageritems="${totalRows}"url="/PageAction.do"maxIndexPages="5">
          <pg:paramname=" pagesize "value="5"/>
          另外由于不需要在頁面分頁所在<pg:param>要去調(diào)
          再就是<pg:pager>要有items屬性

          六.以下是Demo代碼

          代碼
          <pg:pager
          items="${ totalRows }"
          url="/PageAction.do"
          index="half-full"
          maxPageItems="5"
          maxIndexPages="10"isOffset="<%=false%>"
          export="pageOffset,currentPageNumber=pageNumber"
          scope="request">
          <pg:paramname="pagesize"value="5"/>

          <tablealign="center">
          <c:forEachitems="${userlist}"var="user">
          <!--pg:item-->
          <tr>
          <tdheight="39">${user.userId}</td>
          <td height="39">${user.username}<
          /td>
          <tdheight="39">${user.password}</td>
          <
          /tr>
          <!--/pg:item-->
          <
          /c:forEach>
          </table>
          <pg:index>
          <center>
          <table border=0 cellpadding=0 width=10% cellspacing=0>
          <tr align=center valign=top>
          <td valign=bottom><font face=arial,sans-serif
          size=-1>Result Page: <
          /font></td>
          <pg:prev ifnull="true">
          <% if (pageUrl != null) { %>
          <td align=right><A HREF="<%=pageUrl%>&pageNo=<%=pageNumber%>"><IMG
          SRC=http:
          //www.google.com/nav_previous.gifalt=""border=0><br>
          <b>Previous</b></A></td>
          <% } else { %>
          <td><IMG SRC=http:
          //www.google.com/nav_first.gifalt=""border=0></td>
          <% } %>
          <
          /pg:prev>
          <pg:pages>
          <%if(pageNumber==currentPageNumber){%>
          <td
          ><IMGSRC=http://www.google.com/nav_current.gifalt=""><br>
          <fontcolor=#A90A08><%= pageNumber %></font></td>
          <%}else{%>
          <td
          ><AHREF="<%=pageUrl%>&pageNo=<%=pageNumber%>"><IMG
          SRC=http://www.google.com/nav_page.gifalt=""border=0><br>
          <%=pageNumber%></A></td>
          <% } %>
          </pg:pages>
          <pg:next ifnull
          ="true">
          <%if(pageUrl!=null){%>
          <td
          ><AHREF="<%=pageUrl%>&pageNo=<%=pageNumber%>"><IMG
          SRC=http://www.google.com/nav_next.gifalt=""border=0><br>
          <b>Next</b></A></td>
          <% } else { %>
          <td><IMG SRC=http:
          //www.google.com/nav_last.gifalt=""border=0></td>
          <% } %>
          <
          /pg:next>
          </tr>
          <
          /table>
          </center>
          <
          /pg:index>
          </pg:pager>
          http://www.javaeye.com/t/25147.html


          posted on 2007-02-05 08:57 java_蟈蟈 閱讀(1432) 評論(0)  編輯  收藏 所屬分類: OPEN SOURCE
          主站蜘蛛池模板: 衡东县| 泸州市| 顺平县| 榆中县| 老河口市| 扎赉特旗| 南宁市| 汾西县| 广东省| 晴隆县| 同德县| 长白| 泗阳县| 政和县| 内黄县| 彝良县| 贵定县| 安塞县| 渭源县| 遂溪县| 赤壁市| 敦化市| 永和县| 六枝特区| 桃江县| 新绛县| 玛沁县| 宁德市| 南郑县| 广水市| 灯塔市| 黎平县| 科技| 昌宁县| 嘉义县| 泰顺县| 方城县| 汕尾市| 根河市| 侯马市| 阿拉善左旗|