<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    我的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>這個標簽說明分頁條顯示的內容,在這里你可以設置各種風格的分頁顯示方式,本例是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>要去調
    再就是<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_蟈蟈 閱讀(1424) 評論(0)  編輯  收藏 所屬分類: OPEN SOURCE
    主站蜘蛛池模板: 中文字幕免费视频一| 免费国产成人α片| 无人影院手机版在线观看免费| 亚洲精品乱码久久久久久| 国产V片在线播放免费无码 | 亚洲AV美女一区二区三区| 在线观看免费黄网站| 精品久久久久久亚洲| 在线播放免费人成毛片乱码| 永久亚洲成a人片777777| h视频免费高清在线观看| 亚洲精品无码久久久久sm| 一个人免费视频在线观看www| 亚洲国产三级在线观看| 欧洲精品99毛片免费高清观看| 久久久久亚洲AV无码专区体验| 日本黄网站动漫视频免费| 亚洲日本一线产区和二线| 又粗又硬免费毛片| 中文字幕乱理片免费完整的| 亚洲高清美女一区二区三区| 91网站免费观看| 亚洲精品动漫免费二区| 免费在线观看a级毛片| 中文字幕不卡高清免费| 亚洲色图在线播放| 好大好硬好爽免费视频| 免费人成又黄又爽的视频在线电影| 亚洲无码黄色网址| 69影院毛片免费观看视频在线| 国产精品久久亚洲不卡动漫| 免费一级特黄特色大片在线| 中文字幕免费在线视频| 亚洲视屏在线观看| 国产jizzjizz视频全部免费| 国产福利电影一区二区三区,免费久久久久久久精 | 亚洲乱色熟女一区二区三区丝袜 | 久久久无码精品亚洲日韩京东传媒| 曰批全过程免费视频播放网站 | 你懂的免费在线观看网站| 亚洲一区在线视频观看|