一个分页的控件

page页面

 

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

</head>
<body>
<script type="text/javascript">
function goPage(pageno)

{    if('<c:out value="${url}"></c:out>'.indexOf("?") >= 0){
    location.href='${url}' + "&pageNo=" + pageno + "&pageSize=" + ${pager.rowsPerPage};
}else{
    location.href='${url}' + "?pageNo=" + pageno + "&pageSize=" + ${pager.rowsPerPage};
}

}
</script>

    <div class="cqa_page">
        <a href="javaScript:goPage(0)">首页</a>
        <c:choose>
            <c:when test="${pager.pageNo == 0}">
                <a href="javaScript:goPage(0)">上一页</a>
            </c:when>
            <c:when test="${pager.pageNo >= 1}">
                <a href="javaScript:goPage(${pager.pageNo-1 })">上一页</a>
            </c:when>
            <c:otherwise>
                <a href="javaScript:goPage(0)">上一页</a>
            </c:otherwise>
        </c:choose>
        <c:choose>
            <c:when test="${pager.totalRows ==0 }">
                <c:set value="1" var="pageConut" scope="page" />
            </c:when>
            <c:when test="${pager.totalRows % pager.rowsPerPage  ==0  }">
                <c:set value="${pager.totalRows /pager.rowsPerPage   }"
                    var="pageConut" scope="page" />
                    <fmt:formatNumber value="${pageConut  }" pattern="#0"
                    var="pageConut"></fmt:formatNumber>
            </c:when>
            <c:otherwise>
                <c:set value="${pager.totalRows /pager.rowsPerPage   }"
                    var="pageConut" scope="page" />
                    <fmt:formatNumber value="${pageConut+0.5  }" pattern="#0"
                    var="pageConut"></fmt:formatNumber>
            </c:otherwise>
        </c:choose>

        <c:choose>
            <c:when test="${pager.pageNo< (pageConut-1)}">
                <a href="javaScript:goPage(${pager.pageNo+1 })">下一页</a>
            </c:when>
            <c:when test="${pager.pageNo== (pageConut-1)}">
                <a href="javaScript:goPage(${pageConut-1 })">下一页</a>
            </c:when>
            <c:otherwise>
                <a href="javaScript:goPage(${pageConut-1 })">下一页</a>
            </c:otherwise>
        </c:choose>

        <a href="javaScript:goPage(${pageConut-1 })">尾页</a> <span>共</span><span
            class="cqa_h18 tex_c"><font color="#c00">${pager.pageNo+1}</font>/${pageConut}</span><span>页</span>
        <span>共</span><span class="cqa_h18 tex_c"><font color="#c00">${pager.totalRows
                }</font> </span><span>条</span>
<span><input type="text" style="width:30px; height:15px; margin-top:5px;"
                        onkeydown="if(event.keyCode == 13){ if(this.value =='') this.value=1; goPage( this.value-1)};"
                        onkeyup="var xx=this.value.replace(/\D+/g,'');if(xx>${pageConut }){ xx = ${pageConut };} if(xx<=0){xx=''} this.value= xx;return true"/></span>
                <span>页</span>
    </div>
</body>
</html>

 

页面的引用

 

 

 <div class="cqa_page">
                                <c:if test="${pager.totalRows gt 0 }">
                                    <c:url var="url" value="url" scope="request">
                                    </c:url>
                                    <jsp:include page="../page.jsp" flush="true"></jsp:include>
                                </c:if>
                                <c:if test="${pager.totalRows lt 1}">暂无数据</c:if>
                            </div>

你可能感兴趣的:(JavaScript,Ajax)