2007-02-03

spring+hibernate+pager taglib实现分页（底层也做了分页）(三)

关键字: spring

下面说说表现层，代码如下：

xml 代码
  1. <%@ page language="java" import="java.util.*" pageEncoding="GBK"%>  
  2. <%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>  
  3. <%@ taglib uri="/WEB-INF/c.tld" prefix="c"%>  
  4. <%@ taglib uri="http://jsptags.com/tags/navigation/pager" prefix="pg"%>  
  5.   
  6. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  7. <script type="text/javascript">  
js 代码
  1. //修改每页显示的记录数   
  2. function changePageSize(){   
  3. document.forms[0].submit();   
  4. }   
  5. //直接跳转到某个页面   
  6. function jumpPage(){   
  7. var page = document.getElementById('page').value;   
  8. var offset = (page -1 )*document.getElementsByName('pageDisplay')[0].value;   
  9. document.location.href('check.do?pager.offset='+offset+'&page='+page);   
  10. }   
xml 代码
  1. </script>  
  2. <html>  
  3. <head>  
  4.   
  5. <title>My JSP 'index.jsp' starting page</title>  
  6.   
  7. <meta http-equiv="pragma" content="no-cache">  
  8. <meta http-equiv="cache-control" content="no-cache">  
  9. <meta http-equiv="expires" content="0">  
  10. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
  11. <meta http-equiv="description" content="This is my page">  
  12.   
  13. <!--  
  14. <link rel="stylesheet" type="text/css" href="styles.css">  
  15. -->  
  16. </head>  
  17.   
  18. <body>  
  19. <!-- 查询条件部分 -->  
  20. <html:form action="/check.do" method="post">  
  21. <table>  
  22. <tr>  
  23. <td>  
  24. 内容：   
  25. </td>  
  26. </tr>  
  27. <tr>  
  28. <td>  
  29. <html:text property="content" />  
  30. </td>  
  31. </tr>  
  32. <tr>  
  33. <td>  
  34. <input type="submit" />  
  35. </td>  
  36. </tr>  
  37. </table>  
  38.   
  39.   
  40.   
  41. <!-- 数据显示部分 -->  
  42. <c:if test="${result != null}">  
  43. <pg:pager items="${count}" maxPageItems="${pageSize}" index="center" maxIndexPages="5" export="offset,currentPageNumber=pageNumber" scope="request" url="check.do">  
  44.   
  45.   
  46. 数据：<br />  
  47.   
  48. <table width="100%" border="1">  
  49. <c:forEach items="${result}" var="subpage">  
  50.   
  51. <tr>  
  52. <td>  
  53. <c:out value="${subpage.content}"></c:out>  
  54. </td>  
  55. <td>  
  56. <c:out value="${subpage.intValue}"></c:out>  
  57. </td>  
  58. </tr>  
  59.   
  60. </c:forEach>    
  61. </table>  
  62.   
  63. <pg:index>    
  64. 第   
  65. <select id="page" onchange="jumpPage();">  
  66. <pg:pages>  
  67. <c:if test="${pageNumber == currentPageNumber}">  
  68. <option value="${pageNumber}" selected="selected" >${pageNumber}</option>  
  69. </c:if>  
  70. <c:if test="${pageNumber != currentPageNumber}">  
  71. <option value="${pageNumber}" >${pageNumber}</option>  
  72. </c:if>  
  73. </pg:pages>  
  74. </select>  
  75. 页   
  76. 共<c:out value="${totalPage }"></c:out>页   
  77. <pg:first>  
  78. <a href="<%= pageUrl %>&page=${pageNumber}">首页</a>  
  79. </pg:first>  
  80.   
  81. <pg:prev>  
  82. <a href="<%= pageUrl %>&page=${pageNumber}">上一页</a>  
  83. </pg:prev>  
  84.   
  85. <pg:next>  
  86. <a href="<%= pageUrl %>&page=${pageNumber }">下一页</a>  
  87. </pg:next>  
  88.   
  89. <pg:last>  
  90. <a href="<%= pageUrl %>&page=${pageNumber }">末页</a>  
  91. </pg:last>  
  92.  共${count}条记录   
  93.   
  94. 每页显示   
  95. <html:text property="pageDisplay" onchange="changePageSize();"/>  
  96. 条记录   
  97.   
  98. </pg:index>  
  99.   
  100. </pg:pager>  
  101.   
  102.   
  103.   
  104. </c:if>  
  105. </html:form>  
  106. </body>  
  107. </html>  
评论
superallen
搜索本博客
最近加入圈子
存档
最新评论