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

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

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

    我的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_蟈蟈 閱讀(1422) 評論(0)  編輯  收藏 所屬分類: OPEN SOURCE
    主站蜘蛛池模板: 亚洲欧洲精品成人久久曰影片| 亚洲视频免费观看| 久久av无码专区亚洲av桃花岛| 国产亚洲精品a在线观看app| 久久久久亚洲AV无码去区首| 亚洲精品无码久久久久APP| 一区二区三区免费精品视频 | 亚洲AV无一区二区三区久久| 亚洲av无码专区首页| 四虎成年永久免费网站| 亚洲免费视频在线观看| 亚洲人成无码网WWW| 免费播放美女一级毛片| 美女裸体无遮挡免费视频网站| 在线观看特色大片免费视频| 亚洲精品一卡2卡3卡三卡四卡| a级成人免费毛片完整版| 亚洲精品美女久久久久99小说| 国产亚洲综合精品一区二区三区| 欧美在线看片A免费观看| 亚洲另类自拍丝袜第1页| 91精品成人免费国产片| 亚洲最大的成网4438| 久久久久久一品道精品免费看| 亚洲精品无码不卡在线播HE| 一区二区三区免费视频网站| 丝袜熟女国偷自产中文字幕亚洲| 精品97国产免费人成视频 | 亚洲视频一区二区在线观看| 无码成A毛片免费| 亚洲精品综合久久中文字幕| 91精品免费国产高清在线| 亚洲精品中文字幕无乱码麻豆| 成人免费无码大片a毛片软件| 亚洲精华国产精华精华液| 日韩亚洲国产二区| 亚洲精品成人片在线播放| 亚洲免费观看视频| 歪歪漫画在线观看官网免费阅读 | 亚洲中文字幕无码av在线| 亚洲国产精品激情在线观看 |