more.jsp 3.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/webpage/include/taglibf.jsp"%>
  3. <!doctype html>
  4. <html>
  5. <head>
  6. <meta charset="utf-8">
  7. <title>${fns:getConfig("productName")}</title>
  8. <link rel="stylesheet" type="text/css" href="${ctxStaticWeb}/css/base.css" />
  9. <link rel="stylesheet" type="text/css" href="${ctxStaticWeb}/css/second.css" />
  10. <link href="${pageContext.request.contextPath}/static/plugin/layui/dist/css/layui.css" rel="stylesheet"/>
  11. <script src="${pageContext.request.contextPath}/static/web/js/jquery-2.1.4.js"></script>
  12. <style>
  13. .new_l,.new_r{ margin:10px 0px;}
  14. .new_l{background-color:#FFF}
  15. .new_l h2{ border-bottom:1px solid #CCC; border-top:1px solid #CCC; line-height:30px; font-size:14px; background-color:#f8f8f8;}
  16. .new_l h2 a{color:#820402}
  17. .new_l dl{ padding:0px 20px;}
  18. .new_l dt{ color:#C30; padding-left:40px; background: url(images/icon_new.png) no-repeat; line-height:40px; font-size:16px; font-weight:bold; border-bottom:1px solid #ccc; margin-bottom:20px; }
  19. .new_l dt a{ float:right; color:#999; font-size:12px;}
  20. .new_l dd{ line-height:36px; padding-left:30px; background:url(images/icon.png) no-repeat 10px 18px;}
  21. .new_l dd span{ float:right}
  22. .new_l dd a{ color:#666; font-size:14px;}
  23. .line_01{ border-bottom:1px dashed #ddd; margin:20px 0px;}
  24. .new_r h2{ line-height:60px; border-top:4px solid #aa1324; font-size:24px; background-color:#820402; color:#FFF; text-align:center}
  25. .new_r li{ line-height:58px; border-bottom:solid 1px #e5e5e5; background-color:#fff}
  26. .new_r li a{ color:#666; line-height:57px; font-size:18px; padding-left:90px; background:url(../images/icon_10.png) no-repeat 50px 0px;}
  27. .new_r li a:hover{color:#F00}
  28. .line_40{ line-height:50px; border-bottom:1px dashed #ddd; }
  29. </style>
  30. </head>
  31. <body>
  32. <%@ include file="/webpage/modules/web/top.jsp"%>
  33. <div class="second_banner"><div class="c second_banner_txt"><strong>${nav_title}</strong></div></div>
  34. <div class="c">
  35. <div class="new_l">
  36. <h2>&nbsp;&nbsp;&nbsp;当前位置:<a href="${ctx}/home">首页</a>&gt;${nav_title}</h2>
  37. <c:forEach items="${page.list}" var="obj" >
  38. <dl>
  39. <dd class="line_40"><a href="${ctxF}/detail?id=${obj.id}">${obj.title}</a><span>[ ${fns:formatDateTime(obj.updateDate)} ]</span></dd>
  40. </dl>
  41. </c:forEach>
  42. <div >
  43. <div id="pagination" style="text-align: center"></div>
  44. </div>
  45. </div>
  46. </div>
  47. <div class="clear" ></div>
  48. <script src="${pageContext.request.contextPath}/static/plugin/layui/dist/layui.js"></script>
  49. <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
  50. <script>
  51. layui.use(['laypage', 'layer'], function(){
  52. var laypage = layui.laypage
  53. ,layer = layui.layer;
  54. laypage.render({
  55. elem: 'pagination'
  56. ,count: ${page.count}//从服务器得到数据总数
  57. ,limit: ${page.pageSize}//每页展示多少条数据
  58. ,curr: ${page.pageNo}
  59. ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
  60. ,jump: function (obj, first) {
  61. //obj包含了当前分页的所有参数,比如:
  62. //console.log(obj.curr); //得到当前页,以便向服务端请求对应页的数据。
  63. //console.log(obj.limit); //得到每页显示的条数
  64. //首次不执行
  65. if (!first) {
  66. //do something
  67. var title = $('#searchText').val()
  68. var href = '${ctxF}/more?news_type=${param.news_type}';
  69. href += '&pageNo=' + obj.curr;
  70. href += '&pageSize=' + obj.limit;
  71. //console.log(href)
  72. location.href = href;
  73. }
  74. }
  75. ,theme: '#FF5722'
  76. });
  77. });
  78. </script>
  79. <%@ include file="/webpage/modules/web/footer.jsp"%>
  80. </body>
  81. </html>