我的Blog我做主^_^

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

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

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

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

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

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

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

          這樣傳遞參數不對,應該寫成:
          代碼
          <pg:pageritems="${totalRows}"url="/PageAction.do"maxIndexPages="5">
          <pg:paramname=" pagesize "value="5"/>
          另外由于不需要在頁面分頁所在<pg:param>要去調
          再就是<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_蟈蟈 閱讀(1426) 評論(0)  編輯  收藏 所屬分類: OPEN SOURCE
          主站蜘蛛池模板: 托克逊县| 富平县| 新密市| 嘉兴市| 平度市| 五原县| 丽江市| 泽普县| 湟中县| 乌拉特前旗| 迁安市| 景洪市| 简阳市| 绍兴县| 南汇区| 子长县| 青州市| 本溪市| 洛宁县| 岳普湖县| 昆山市| 福泉市| 黔南| 沐川县| 综艺| 宁德市| 天门市| 宝坻区| 黄浦区| 东山县| 富顺县| 保康县| 卓尼县| 河曲县| 广德县| 大荔县| 桂林市| 定南县| 伊春市| 临洮县| 惠东县|