Как сделать так, чтобы ограниченные номера страниц отображались в списке страниц для отображения списка элементов?

Question

<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>

На прилагаемом изображении есть страница со списком, на которой я работаю.

Фрагмент кода для отображения страницы в нижнем колонтитуле.

Как сделать так, чтобы только 4 номера страниц были видны сразу, и при нажатии кнопки «Далее» должны появиться другие страницы?

Answer 1

DisplayTag - это замечательная небольшая библиотека, которая делает то, что вы хотите сделать легко ..

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

В качестве альтернативы, если размер вашего набора данных не очень велик (в байтах), следующая библиотека Jquery также хороша:

http://datatables.net/

Answer 2

Вы можете создать для этого тег, который будет отображать только релевантные страницы (несколько страниц вокруг текущей страницы и начальной и последней страницы), который можно использовать в нескольких местах и ​​будет более чистым подходом.

Вы можете создать тег, который будет принимать следующие параметры:

• a) URL, который вы хотите использовать при выборе каждой страницы.
• b) количество ссылок, которые вы хотите показать за один раз, скажем, 10.
• c) общий размер страницы.

В этом теге вы можете добавить этот код, чтобы показать только несколько номеров страниц (скажем, 10) с первой и последней страницей.Теперь эту вещь можно использовать как компонент, который можно использовать в разных местах вашего приложения.