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>