これが私のコードです:
<ul class = "pagination">
<%--For displaying Previous link except for the 1st page --%>
<c:if test="${model.currentPage != 0}">
<li><a href="getEmployeesByPage?page=${model.currentPage - 1}">Previous</a></li>
</c:if>
<%--For displaying Page numbers.
The when condition does not display a link for the current page--%>
<c:forEach begin="0" end="${model.noOfPages}" var="i">
<c:if test="${model.noOfPages != 0}">
<c:choose>
<c:when test="${model.currentPage eq i}">
<li><b>${i+1}</b></li>
</c:when>
<c:otherwise>
<li><a href="getEmployeesByPage?page=${i}">${i+1}</a></li>
</c:otherwise>
</c:choose>
</c:if>
</c:forEach>
<%--For displaying Next link --%>
<c:if test="${model.currentPage lt model.noOfPages}">
<li><a href="getEmployeesByPage?page=${model.currentPage + 1}">Next</a></li>
</c:if>
</ul>
これは、ブートストラップを使用した単純なページ付けです。現在のページをリンクにしたり、太字にしたりしたくありません。しかし、その結果、現在のページ番号は、下の画像に示されているように「リスト外」になります。どうして?
生成されたソースコード:
<ul class = "pagination">
<li><a href="getEmployeesByPage?page=1">Previous</a></li>
<li><a href="getEmployeesByPage?page=0">1</a></li>
<li><a href="getEmployeesByPage?page=1">2</a></li>
<li><b>3</b></li>
<li><a href="getEmployeesByPage?page=3">4</a></li>
<li><a href="getEmployeesByPage?page=3">Next</a></li>
</ul>
変更してみてください
<li><b>${i+1}</b></li>
に
<li class="active"><a href="#">${i+1}</a></li>
のを削除しないclass="pagination"
でくださいul
。
ブートストラップのページネーションページを見て、生成されたコードが例のコードのようになっていることを確認してください。
これは機能しますか?
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加