分页前台展示备忘
来源:互联网 发布:点评10月的经济数据 编辑:程序博客网 时间:2024/06/05 17:08
//js
$(".goPage").click(function(){
var currentPage=$(this).text();
$('#currentPage').val(currentPage);
$("#deadbeatForm").submit();
})
$(".goPrev").click(function(){
var currentPage=$('#currentPage').val();
currentPage=parseInt(currentPage)-1;
$('#currentPage').val(currentPage);
$("#deadbeatForm").submit();
})
$(".goNext").click(function(){
var currentPage=$('#currentPage').val();
currentPage=parseInt(currentPage)+1;
$('#currentPage').val(currentPage);
$("#deadbeatForm").submit();
})
//form表单
<form id="deadbeatForm" action="/app/deadbeat.html" method="post">
<input type="hidden" id="currentPage" name="currentPage" value="${pd.page.currentPage}"/>
</form>
//分页
<c:if test="${not empty pd.deadbeats}">
<div class="table_page"><ul>
<c:if test="${pd.page.currentPage!=1 }">
<li class="goPrev">上一页</li>
</c:if>
<c:if test="${pd.page.totalPage <=7}">
<c:forEach var="i" begin="1" end="${pd.page.totalPage}" step="1">
<li class="<c:if test="${pd.page.currentPage ==i}">pageClass</c:if> goPage">
<c:out value="${i}" />
</li>
</c:forEach>
</c:if>
<c:if test="${pd.page.totalPage >7}">
<c:if test="${pd.page.currentPage <6}">
<c:forEach var="i" begin="1" end="${pd.page.totalPage }" step="1">
<c:if test="${i<=6}">
<li class="<c:if test="${pd.page.currentPage ==i}">pageClass</c:if> goPage">
<c:out value="${i}" />
</li>
</c:if>
<c:if test="${i>6 && i<pd.page.totalPage-1}">
</c:if>
<c:if test="${i>6 && i==pd.page.totalPage-1}">
<li>...</li>
</c:if>
<c:if test="${ i==pd.page.totalPage}">
<li class="<c:if test="${pd.page.currentPage ==i}">pageClass</c:if> goPage">
<c:out value="${i}" />
</li>
</c:if>
</c:forEach>
</c:if>
<c:if test="${pd.page.currentPage >=6 && pd.page.currentPage < pd.page.totalPage-1}">
<c:forEach var="i" begin="1" end="${pd.page.totalPage }" step="1">
<c:if test="${i==1}">
<li class="<c:if test="${pd.page.currentPage ==i}">pageClass</c:if> goPage">
<c:out value="${i}" />
</li>
</c:if>
<c:if test="${i==2}">
<li>...</li>
</c:if>
<c:if test="${i>2 && i<pd.page.currentPage-3 }">
</c:if>
<c:if test="${i>=pd.page.currentPage-3 && i<=pd.page.currentPage+1 }">
<li class="<c:if test="${pd.page.currentPage ==i}">pageClass</c:if> goPage">
<c:out value="${i}" />
</li>
</c:if>
<c:if test="${i>pd.page.currentPage+1 && i<pd.page.totalPage-1}">
</c:if>
<c:if test="${i==pd.page.totalPage-1 && pd.page.currentPage+1 <pd.page.totalPage-1}">
<li>...</li>
</c:if>
<c:if test="${i!=pd.page.currentPage+1&&i==pd.page.totalPage}">
<li class="<c:if test="${pd.page.currentPage ==i}">pageClass</c:if> goPage">
<c:out value="${i}" />
</li>
</c:if>
</c:forEach>
</c:if>
<c:if test="${pd.page.currentPage==pd.page.totalPage-1}">
<c:forEach var="i" begin="1" end="${pd.page.totalPage }" step="1">
<c:if test="${i==1}">
<li class="<c:if test="${pd.page.currentPage ==i}">pageClass</c:if> goPage">
<c:out value="${i}" />
</li>
</c:if>
<c:if test="${i==2}">
<li>...</li>
</c:if>
<c:if test="${i>2 && i<pd.page.currentPage-4 }">
</c:if>
<c:if test="${i>=pd.page.currentPage-4}">
<li class="<c:if test="${pd.page.currentPage ==i}">pageClass</c:if> goPage">
<c:out value="${i}" />
</li>
</c:if>
</c:forEach>
</c:if>
<c:if test="${pd.page.currentPage==pd.page.totalPage}">
<c:forEach var="i" begin="1" end="${pd.page.totalPage }" step="1">
<c:if test="${i==1}">
<li class="<c:if test="${pd.page.currentPage ==i}">pageClass</c:if> goPage">
<c:out value="${i}" />
</li>
</c:if>
<c:if test="${i==2}">
<li>...</li>
</c:if>
<c:if test="${i>2 && i<pd.page.currentPage-5 }">
</c:if>
<c:if test="${i>=pd.page.currentPage-5}">
<li class="<c:if test="${pd.page.currentPage ==i}">pageClass</c:if> goPage">
<c:out value="${i}" />
</li>
</c:if>
</c:forEach>
</c:if>
</c:if>
<c:if test="${pd.page.currentPage!=pd.page.totalPage }">
<li class="goNext">下一页</li>
</c:if>
</ul>
</div>
</c:if>
阅读全文
0 0
- 分页前台展示备忘
- 前台分页展示
- 数据库信息前台分页展示
- Spring+Mybatis+SpringMVC后台与前台分页展示实例
- 纯js搭配anjularjs完成前台分页展示
- 分页前台
- Spring+Mybatis+SpringMVC后台与前台分页展示实例(附工程)
- Spring+Mybatis+SpringMVC后台与前台分页展示实例(附工程)
- Spring+Mybatis+SpringMVC后台与前台分页展示实例(附工程)
- Spring+Mybatis+SpringMVC后台与前台分页展示实例(附工程)
- Spring+Mybatis+SpringMVC后台与前台分页展示实例(附工程)
- Spring+Mybatis+SpringMVC后台与前台分页展示实例(附工程)
- Spring+Mybatis+SpringMVC后台与前台分页展示实例(附工程)
- 静态分页,前台分页
- 后台生成前台图片展示
- easyui前台树结构展示
- Linq多表链接分页,Select new{"需要的字段列.."},配合杨涛Mvcpager,前台遍历展示自定义字段
- Linq多表链接分页,Select new{"需要的字段列.."},配合杨涛Mvcpager,前台遍历展示自定义字段
- 传递函数
- 二分2.0(double)
- Java基础笔记整理---【02】JDK及JRE名词解释、程序开发步骤(笔记本)
- 接口 垃圾回收机制(GC)
- c# UILearning
- 分页前台展示备忘
- 关于售前、售后、产品、市场、销售几个部门职能的理解
- 同余方程-NOIP2012TGD2T1
- 菜鸟填坑
- 排序基础(一)
- bootstrap之组件
- 排序基础(二)
- HTML入门笔记17-HTML中图片内嵌链接
- 初识Struts2