如何在分页列表中显示有限的页码以显示项目列表?

时间:2012-02-01 12:12:56

标签: jsp jstl

<c:if test="${paging.pageCount > 1}">
<c:if test="${not empty searchkey}">
<c:set var="pagingpath1" value="&key=${searchkey}&value=${searchvalue}" />
</c:if>
  <div style=" background:#f5f5f5; border:1px solid #dedede; height:30px; width:985px;  margin:20px auto">
        <div class="pagDiv_1"><a>Results:<span><c:out value="${ paging.page }"> - </c:out> - <c:out value="${ paging.pageCount }"></c:out> ( total: <c:out value="${ paging.count }"></c:out> )</span></a></div>
    <div class="page-nav">
                <a>Pages:</a>
                <c:choose>
                <c:when test="${paging.orderStatus}">
                <c:set var="pagingpath" value="&order=${paging.order}&dir=${paging.direction}">
                </c:set>
                </c:when>
                <c:otherwise><c:set var="pagingpath" value=""></c:set></c:otherwise>
                </c:choose>
                <a class=lftarrow href="#">Previous &#9668;</a>
                <c:forEach var="pid" varStatus="status" begin="1" end="${paging.pageCount}" step="1">
                <c:choose>
                    <c:when test="${pid == paging.page}"><span class="cur-page"><b>${ pid }</b></span><label>|</label></c:when>
                    <c:otherwise><a class="page" href="consultant_list.htm?p=${pid}${pagingpath1}&selectiontype=${selectiontype1}&searchtext=${textbox1}">${ pid }</a><label>|</label></c:otherwise>
                </c:choose>
                </c:forEach>
                                            <a class=lftarrow href="#">&#9658; Next</a>

    </div>

  </div>
  </c:if>

enter image description here

附带的图片有我正在工作的列表页面。

代码段用于在页脚中显示pagenation。

如何一次只显示4个页码,点击“下一步”,其他页面必须可见?

2 个答案:

答案 0 :(得分:0)

您可以为此创建一个标签,该标签只能显示相关页面(当前页面和开始和最后一页周围很少),可以在多个地方使用,也可以更清晰。

您可以创建一个标签,它将接受这些参数:

  • a)您想要在每个页面的选择上点击的网址。
  • b)您希望一次显示的链接数量,例如10.
  • c)总页面大小。

在此标记中,您可以添加此代码以仅显示少量页码(例如10个),第一个和第一个最后一页链接。现在,这个东西可以用作可以在应用程序的各个地方使用的组件。

答案 1 :(得分:0)

DisplayTag是一个很棒的小型图书馆,让你想做的事情变得轻松......

http://www.displaytag.org/1.2/

或者,如果数据集的大小不是很大(字节),那么下面的Jquery库也很酷:

http://datatables.net/