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">
                    第&nbsp;<input type="text" class="input-mini inputPageStyle" value="${current}"
                                  onblur="$.table.skipPage('${page.totalCount}','${pageSize}', $(this).val(), this);"/> &nbsp;页,
                </span>
                <span class="page-info gongSpanStyle">共&nbsp;${page.totalPages}&nbsp;页</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">显示&nbsp;${page.totalCount}&nbsp;条,</span>
                        </c:when>
                        <c:otherwise>
                            <c:if test="${page.totalCount<page.pageSize}">
                                <span class="page-info xianshiSpanStyle">显示&nbsp;1&nbsp;-&nbsp;${page.totalCount}&nbsp;条,</span>
                            </c:if>
                            <c:if test="${page.totalCount>page.pageSize}">
                                <span class="page-info xianshiSpanStyle">显示&nbsp;1&nbsp;-&nbsp;${page.pageSize}&nbsp;条,</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">显示&nbsp;${page.pageSize*(current-1)+1}&nbsp;-&nbsp;${page.pageSize*current}&nbsp;条,</span>
                    </c:if>
                    <c:if test="${(page.totalCount - page.pageSize * (current - 1)) < page.pageSize}">
                        <span class="page-info xianshiSpanStyle">显示&nbsp;${page.pageSize*(current-1)+1}&nbsp;-&nbsp;${page.totalCount}&nbsp;条,</span>
                    </c:if>
                </c:otherwise>
            </c:choose>
            <span class="page-info xiangongSpanStyle">共&nbsp;${page.totalCount}&nbsp;条</span>
        </div>
    </div>
</div>

猜你喜欢

转载自blog.csdn.net/nangeali/article/details/80836523