生活随笔
收集整理的這篇文章主要介紹了
JSTL标签显示分页
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
JSTL顯示分頁
頁面表格的分頁顯示，通過JSTL標簽實現
頁面效果
代碼如下
// 分頁顯示
<div class="table-pagination tablePageStyle <c:if test='${simple ne false}'> row-fluid tool ui-toolbar</c:if>"><div class="pagination tablePageContentStyle"><ul><c:choose><c:when test="${page.firstPage}"><li class="disabled"> <a class="aPageStyle" title="第一頁"onclick="$.table.skipPage('${page.totalCount}','${pageSize}', 1, this);"><div class="imgPageDivStyle"><img src="${ctx}/static/pageIcon/start-page.png" class="imagePageStyle"></div></a></li><li class="disabled"> <a class="aPageStyle" title="上一頁"onclick="$.table.skipPage('${page.totalCount}','${pageSize}', ${current - 1}, this);"><div class="imgPageDivStyle"><img src="${ctx}/static/pageIcon/up-page.png" class="imagePageStyle"></div></a></li></c:when><c:otherwise><li><a class="aPageStyle" title="第一頁"onclick="$.table.skipPage('${page.totalCount}','${pageSize}', 1, this);"><div class="imgPageDivStyle"><img src="${ctx}/static/pageIcon/start-page.png" class="imagePageStyle"></div></a></li><li> <a class="aPageStyle" title="上一頁"onclick="$.table.skipPage('${page.totalCount}','${pageSize}', ${current - 1}, this);"><div class="imgPageDivStyle"><img src="${ctx}/static/pageIcon/up-page.png" class="imagePageStyle"></div></a></li></c:otherwise></c:choose><div class="digongDivStyle"><span class="page-input diSpanStyle">第
<input type="text" class="input-mini inputPageStyle" value="${current}"onblur="$.table.skipPage('${page.totalCount}','${pageSize}', $(this).val(), this);"/> 頁，
</span><span class="page-info gongSpanStyle">共 ${page.totalPages} 頁
</span></div><c:choose><c:when test="${page.lastPage}"><li class="disabled"><a class="aPageStyle" title="下一頁"onclick="$.table.skipPage('${page.totalCount}','${pageSize}', ${current + 1}, this);"><div class="imgPageDivStyle"><img src="${ctx}/static/pageIcon/down-page.png" class="imagePageStyle"></div></a></li><li class="disabled"><a class="aPageStyle" title="最后頁"onclick="$.table.skipPage('${page.totalCount}','${pageSize}', ${page.totalPages}, this);"><div class="imgPageDivStyle"><img src="${ctx}/static/pageIcon/end-page.png" class="imagePageStyle"></div></a></li><li class="disabled"><a class="aPageStyle" title="刷新"onclick="$.table.skipPage('${page.totalCount}','${pageSize}', ${current}, this);"><div class="imgPageDivStyle refresh-page-button"><img src="${ctx}/static/pageIcon/refresh-page.png" class="imagePageStyle refresh-page-button-img"></div></a></li></c:when><c:otherwise><li><a class="aPageStyle" title="下一頁"onclick="$.table.skipPage('${page.totalCount}','${pageSize}', ${current + 1}, this);"><div class="imgPageDivStyle"><img src="${ctx}/static/pageIcon/down-page.png" class="imagePageStyle"></div></a></li><li><a class="aPageStyle" title="最后頁"onclick="$.table.skipPage('${page.totalCount}','${pageSize}', ${page.totalPages}, this);"><div class="imgPageDivStyle"><img src="${ctx}/static/pageIcon/down-page.png" class="imagePageStyle"></div></a></li><li ><a class="aPageStyle" title="刷新"onclick="$.table.skipPage('${page.totalCount}','${pageSize}', ${current}, this);"><div class="imgPageDivStyle refresh-page-button"><img src="${ctx}/static/pageIcon/refresh-page.png" class="imagePageStyle refresh-page-button-img"></div></a></li></c:otherwise></c:choose></ul><div class="xiangongDivStyle"><c:choose><c:when test="${current==1}"><c:choose><c:when test="${page.totalCount==0}"><span class="page-info xianshiSpanStyle">顯示 ${page.totalCount} 條,
</span></c:when><c:otherwise><c:if test="${page.totalCount<page.pageSize}"><span class="page-info xianshiSpanStyle">顯示 1 - ${page.totalCount} 條,
</span></c:if><c:if test="${page.totalCount>page.pageSize}"><span class="page-info xianshiSpanStyle">顯示 1 - ${page.pageSize} 條,
</span></c:if></c:otherwise></c:choose></c:when><c:otherwise><c:if test="${(page.totalCount - page.pageSize * (current - 1)) >= page.pageSize}"><span class="page-info xianshiSpanStyle">顯示 ${page.pageSize*(current-1)+1} - ${page.pageSize*current} 條,
</span></c:if><c:if test="${(page.totalCount - page.pageSize * (current - 1)) < page.pageSize}"><span class="page-info xianshiSpanStyle">顯示 ${page.pageSize*(current-1)+1} - ${page.totalCount} 條,
</span></c:if></c:otherwise></c:choose><span class="page-info xiangongSpanStyle">共 ${page.totalCount} 條
</span></div></div>
</div>
總結
以上是生活随笔為你收集整理的JSTL标签显示分页的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
