<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
    主站蜘蛛池模板: 免费在线不卡视频| 人禽杂交18禁网站免费| 亚洲视频人成在线播放| 婷婷亚洲综合五月天小说在线| 麻豆国产精品免费视频| 亚洲成年人电影网站| 亚欧免费视频一区二区三区| 亚洲视频在线不卡| 最近中文字幕电影大全免费版 | 久久精品亚洲福利| 人成午夜免费大片在线观看| 四虎永久成人免费| 一级中文字幕免费乱码专区| 亚洲AV无码一区二区三区在线观看| 青娱乐在线视频免费观看| 亚洲高清成人一区二区三区| 国产精品美女久久久免费| 国产精品亚洲A∨天堂不卡| 无码免费一区二区三区免费播放 | 久久99九九国产免费看小说| 色老板亚洲视频免在线观| 女人张开腿等男人桶免费视频 | 人妻18毛片a级毛片免费看| 国产精品亚洲综合一区| 爱丫爱丫影院在线观看免费| 78成人精品电影在线播放日韩精品电影一区亚洲| 久久国产精品免费观看| 亚洲另类春色校园小说| 老司机永久免费网站在线观看| 九九久久精品国产免费看小说 | 一级片在线免费看| 亚洲av无码专区国产乱码在线观看| 18禁美女裸体免费网站| 亚洲午夜无码久久| 久久亚洲AV永久无码精品| 无码囯产精品一区二区免费| 亚洲制服丝袜中文字幕| 亚洲国产免费综合| 免费人成视频在线观看不卡| 中文字幕手机在线免费看电影 | 亚洲人成网站在线播放vr|