fc2d8a3e31aec13b09fd578b973f465e322d3230.svn-base 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%-- 解析请求参数,并植入FORM中
  3. <script type="text/javascript">
  4. //解析已经绑定参数
  5. var url = "${url}";
  6. var array = url.split("?");
  7. for (var len = 0; len < array.length; len++) {
  8. //第二次切割
  9. var arr = array[len].split("=");
  10. alert(arr[0] + "="+arr[1]);
  11. }
  12. </script> --%>
  13. <script type="text/javascript">
  14. function _go() {
  15. var pageNO = $("#pageCode").val();//获取文本框中的当前页码
  16. if(!/^[1-9]\d*$/.test(pageNO)) {//对当前页码进行整数校验
  17. alert('请输入正确的页码!');
  18. return;
  19. }
  20. var page = "${pageSize}";
  21. page = parseInt(page);
  22. if(pageNO > page) {//判断当前页码是否大于最大页
  23. alert('请输入正确的页码!');
  24. return;
  25. }
  26. var pageno = "${pageNO}";
  27. pageno = parseInt(pageno);
  28. if(pageNO == pageno) {
  29. alert("您处于" + pageNO + "页!");
  30. return;
  31. }
  32. location = "${pageContext.request.contextPath}${url}" + pageNO;
  33. }
  34. </script>
  35. <div class="divBody">
  36. <div id="testDIV"></div>
  37. <form action="" id="myForm" method="post"></form>
  38. <div class="btn-group">
  39. <%--上一页 --%>
  40. <span class="btn btn-lowblue radius">
  41. <c:choose>
  42. <c:when test="${pageNO eq 1 }">
  43. <a class="active">上一页</a>
  44. </c:when>
  45. <c:otherwise>
  46. <a href="${pageContext.request.contextPath }${url}${pageNO-1}" class="aBtn bold">上一页</a>
  47. </c:otherwise>
  48. </c:choose>
  49. </span>
  50. <%-- 计算begin和end --%>
  51. <c:choose>
  52. <%-- 如果总页数<=6,那么显示所有页码,即begin=1 end=${pageSize} --%>
  53. <c:when test="${pageSize <= 6 }">
  54. <c:set var="begin" value="1"/>
  55. <c:set var="end" value="${pageSize }"/>
  56. </c:when>
  57. <c:otherwise>
  58. <%-- 设置begin=当前页码-2,end=当前页码+3 --%>
  59. <c:set var="begin" value="${pageNO-2 }"/>
  60. <c:set var="end" value="${pageNO+3 }"/>
  61. <c:choose>
  62. <%-- 如果begin<1,那么让begin=1 end=6 --%>
  63. <c:when test="${begin<1}">
  64. <c:set var="begin" value="1"/>
  65. <c:set var="end" value="6"/>
  66. </c:when>
  67. <%-- 如果end>最大页,那么begin=最大页-5 end=最大页 --%>
  68. <c:when test="${end>pageSize}">
  69. <c:set var="begin" value="${pageSize-5 }"/>
  70. <c:set var="end" value="${pageSize}"/>
  71. </c:when>
  72. </c:choose>
  73. </c:otherwise>
  74. </c:choose>
  75. <%-- 显示页码列表 --%>
  76. <c:forEach var="page" begin="${begin }" end="${end }">
  77. <c:choose>
  78. <c:when test="${page eq pageNO }">
  79. <span class="btn btn-lowblue radius"><a class="active">${page }</a></span>
  80. </c:when>
  81. <c:otherwise>
  82. <span class="btn btn-lowblue radius"><a href="${pageContext.request.contextPath }${url}${page}" class="aBtn">${page }</a></span>
  83. </c:otherwise>
  84. </c:choose>
  85. </c:forEach>
  86. <%-- 显示点点点 --%>
  87. <c:if test="${end < pageSize }">
  88. <a class="active">...</a>
  89. </c:if>
  90. <%--下一页 --%>
  91. <span class="btn btn-lowblue radius">
  92. <c:choose>
  93. <c:when test="${pageNO eq pageSize || pageSize == 0}">
  94. <a class="active">下一页</a>
  95. </c:when>
  96. <c:otherwise>
  97. <a href="${pageContext.request.contextPath }${url}${pageNO+1}" class="aBtn bold">下一页</a>
  98. </c:otherwise>
  99. </c:choose>
  100. </span>
  101. <span class="btn" style="cursor: default;">
  102. 您当前位于:${pageNO}页
  103. </span>
  104. <%-- 共N页 到M页 --%>
  105. <span class="btn" style="cursor: default;">共<a class="active">${pageSize }</a>页</span>
  106. <span class="btn" style="cursor: default;">到<a class="active" style="max-height: 36px;min-height: 34px"><input type="text" id="pageCode" value="${pageNO }" class="input-text radius" style="width: 36px;height:22px" maxlength="3"/></a>页</span>
  107. <span class="btn btn-lowblue radius"><a href="javascript:_go();" class="active">确定</a></span>
  108. <a href="#" style="overflow:hidden" class="active"></a>
  109. </div>
  110. </div>