javaScript分页问题

AngelWings 2014-04-11 10:40:05
点击数字第三页后，翻页，但是不显示第四页的页码。用上一页，下一页可以正常翻页。代码如下：


<%@ page language="java" contentType="text/html; charset=UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<script type="text/javascript">

//<!--

	$(function(){

		var scroll = "${param.scroll}";

		if(scroll == "true"){

			$('body,html').scrollTop(0);

		}

	});



	function toPage(){

		var total = Number("${pagination.totalPage}");

		var p = $.trim($("#pageNumText").val());

		p = Number(p);

		if(!p || isNaN(p) || p>total){

			return;

		}

		if(!/^[0-9]*[1-9][0-9]*$/.test(p)){

			return;

		}

		clickPageNum('${pagination.params}','p='+p);

	}

//-->

</script>



<div class="page-bottom" id="paginationDivId" style="width:auto;">

 <div class="get-page" style="float: right; width: auto; margin-left: 10px;">

		<span>第</span><input type="text" id="pageNumText" class="get_input" style="width:20px;" ><span>页</span>

		<input type="button" value="确定" class="btn" style="cursor: pointer;" onclick="toPage();" style="margin-right:0px;">

</div>

<div style="width: auto; float: right;" class="fenye_2">

     <span class="disabled">共

     <c:choose>

  	         <c:when test="${(pagination == null) || (pagination.totalCount == null)}">0</c:when>

  	         <c:otherwise>${pagination.totalCount }</c:otherwise>

	 </c:choose>

             条</span>						

	<c:if test="${pagination.totalPage eq 1}">

		<span class="disabled">首页</span>

		<span class="disabled">上一页</span>

		<span class="current">1</span>

		<span class="disabled">下一页</span>

		<span class="disabled">末页</span>

	</c:if>



	<c:if test="${pagination.totalPage > 1 and pagination.totalPage < 7}">

		<c:if test="${pagination.page eq 1}">

			<span class="disabled">首页</span>	

			<span class="disabled">上一页</span>		

		</c:if>

		<c:if test="${pagination.page != 1}">

			<span>

				<a onclick="clickPageNum('${pagination.params}','p=1')" href="javascript:void(0)" title="首页">首页</a>

			</span>

			<span>

				<a onclick="clickPageNum('${pagination.params}','p=${pagination.page-1}')" href="javascript:void(0)" title="上一页">上一页</a>

			</span>

		</c:if>

		<c:forEach var="i" begin="1" end="${pagination.totalPage}">

			<c:if test="${pagination.page eq i}">

				<span class="current">

					${i}

				</span>

			</c:if>

			<c:if test="${pagination.page ne i}">

				<span>

					<a onclick="clickPageNum('${pagination.params}','p=${i}')" href="javascript:void(0)">${i}</a>

				</span>

			</c:if>		

		</c:forEach>

		<c:if test="${pagination.page != pagination.totalPage}">

			<span>

				<a onclick="clickPageNum('${pagination.params}','p=${pagination.page+1}')" href="javascript:void(0)" title="下一页">下一页</a>

			</span>

			<a onclick="clickPageNum('${pagination.params}','p=${pagination.totalPage}')" href="javascript:void(0)" title="末页">末页</a>

		</c:if>

		<c:if test="${pagination.page eq pagination.totalPage}">

			<span class="disabled">下一页</span>	

			<span class="disabled">末页</span>		

		</c:if>

	</c:if>



	<c:if test="${pagination.totalPage >=7}">

		<c:if test="${pagination.page eq 1}">

			<span class="disabled">首页</span>	

			<span class="disabled">上一页</span>		

		</c:if>

		<c:if test="${pagination.page != 1}">

			<span>

				<a onclick="clickPageNum('${pagination.params}','p=1')" href="javascript:void(0)" title="首页">首页</a>

			</span>

			<span>

				<a onclick="clickPageNum('${pagination.params}','p=${pagination.page-1}')" href="javascript:void(0)" title="上一页">上一页</a>

			</span>

		</c:if>

		<c:forEach var="i" begin="1" end="3">

			<c:if test="${pagination.page eq i}">

				<span class="current">

					${i}

				</span>

			</c:if>

			<c:if test="${pagination.page ne i}">

				<span>

					<a onclick="clickPageNum('${pagination.params}','p=${i}')" href="javascript:void(0)" >${i}</a>

				</span>

			</c:if>		

		</c:forEach>

		

		<c:if test="${pagination.page < 3}">

			<span>…</span>	

		</c:if>

		

		<c:if test="${pagination.page >= 3 and pagination.page < 7  and pagination.page < pagination.totalPage-4}">

			<c:forEach var="i" begin="4" end="${pagination.page}">

				<c:if test="${pagination.page eq i}">

					<span class="current">

						${i}

					</span>

				</c:if>

				<c:if test="${pagination.page ne i}">

					<span>

						<a onclick="clickPageNum('${pagination.params}','p=${i}')" href="javascript:void(0)">${i}</a>

					</span>

				</c:if>		

			</c:forEach>

			<span>…</span>

		</c:if>

		<c:if test="${pagination.page >= 3 and pagination.page < 7 and pagination.page >= pagination.totalPage-4}">

			<c:forEach var="i" begin="4" end="${pagination.totalPage-3}">

				<c:if test="${pagination.page eq i}">

					<span class="current">

						${i}

					</span>

				</c:if>

				<c:if test="${pagination.page ne i}">

					<span>

						<a onclick="clickPageNum('${pagination.params}','p=${i}')" href="javascript:void(0)">${i}</a>

					</span>

				</c:if>		

			</c:forEach>

		</c:if>

		

		<c:if test="${pagination.page >= 7 and pagination.page < pagination.totalPage-4}">

			<span>…</span>

			<c:forEach var="i" begin="${pagination.page -1}" end="${pagination.page+1}">

				<c:if test="${pagination.page eq i}">

					<span class="current">

						${i}

					</span>

				</c:if>

				<c:if test="${pagination.page ne i}">

					<span>

						<a onclick="clickPageNum('${pagination.params}','p=${i}')" href="javascript:void(0)">${i}</a>

					</span>

				</c:if>		

			</c:forEach>

			<span>…</span>

		</c:if>

		

		<c:if test="${pagination.page >= 7 and pagination.page >= pagination.totalPage-4}">

			<span>…</span>

			<c:forEach var="i" begin="${pagination.page}" end="${pagination.totalPage -3}">

				<c:if test="${pagination.page eq i}">

					<span class="current">

						${i}

					</span>

				</c:if>

				<c:if test="${pagination.page ne i}">

					<span>

						<a onclick="clickPageNum('${pagination.params}','p=${i}')" href="javascript:void(0)">${i}</a>

					</span>

				</c:if>		

			</c:forEach>

		</c:if>

		

		<c:forEach var="i" begin="${pagination.totalPage - 2}" end="${pagination.totalPage}">

			<c:if test="${pagination.page eq i}">

				<span class="current">

					${i}

				</span>

			</c:if>

			<c:if test="${pagination.page ne i}">

				<span>

					<a onclick="clickPageNum('${pagination.params}','p=${i}')" href="javascript:void(0)">${i}</a>

				</span>

			</c:if>		

		</c:forEach>

		<c:if test="${pagination.page != pagination.totalPage}">

			<span>

				<a onclick="clickPageNum('${pagination.params}','p=${pagination.page+1}')" href="javascript:void(0)" title="下一页">下一页</a>

			</span>

			<span>

				<a onclick="clickPageNum('${pagination.params}','p=${pagination.totalPage}')" href="javascript:void(0)" title="末页">末页</a>

			</span>

		</c:if>

		<c:if test="${pagination.page eq pagination.totalPage}">

			<span class="disabled">下一页</span>	

			<span class="disabled">末页</span>		

		</c:if>

	</c:if>

	</div>

   

</div>
...全文
354 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
AngelWings 2014-04-17
  • 打赏
  • 举报
 回复 

<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<script type="text/javascript">
//<!--
	$(function(){
		var scroll = "${param.scroll}";
		if(scroll == "true"){
			$('body,html').scrollTop(0);
		}
	});

	function toPage(){
		var total = Number("${pagination.totalPage}");
		var p = $.trim($("#pageNumText").val());
		p = Number(p);
		if(!p || isNaN(p) || p>total){
			return;
		}
		if(!/^[0-9]*[1-9][0-9]*$/.test(p)){
			return;
		}
		clickPageNum('${pagination.params}','p='+p);
	}
//-->
</script>

<div class="page-bottom" id="paginationDivId" style="width:auto;">
 <div class="get-page" style="float: right; width: auto; margin-left: 10px;">
		<span>第</span><input type="text" id="pageNumText" class="get_input" style="width:20px;" ><span>页</span>
		<input type="button" value="确定" class="btn" style="cursor: pointer;" onclick="toPage();" style="margin-right:0px;">
</div>
<div style="width: auto; float: right;" class="fenye_2">
     <span class="disabled">共
     <c:choose>
  	         <c:when test="${(pagination == null) || (pagination.totalCount == null)}">0</c:when>
  	         <c:otherwise>${pagination.totalCount }</c:otherwise>
	 </c:choose>
             条</span>						
	<c:if test="${pagination.totalPage eq 1}">
		<span class="disabled">首页</span>
		<span class="disabled">上一页</span>
		<span class="current">1</span>
		<span class="disabled">下一页</span>
		<span class="disabled">末页</span>
	</c:if>

	<c:if test="${pagination.totalPage > 1 and pagination.totalPage < 7}">
		<c:if test="${pagination.page eq 1}">
			<span class="disabled">首页</span>	
			<span class="disabled">上一页</span>		
		</c:if>
		<c:if test="${pagination.page != 1}">
			<span>
				<a onclick="clickPageNum('${pagination.params}','p=1')" href="javascript:void(0)" title="首页">首页</a>
			</span>
			<span>
				<a onclick="clickPageNum('${pagination.params}','p=${pagination.page-1}')" href="javascript:void(0)" title="上一页">上一页</a>
			</span>
		</c:if>
		<c:forEach var="i" begin="1" end="${pagination.totalPage}">
			<c:if test="${pagination.page eq i}">
				<span class="current">
					${i}
				</span>
			</c:if>
			<c:if test="${pagination.page ne i}">
				<span>
					<a onclick="clickPageNum('${pagination.params}','p=${i}')" href="javascript:void(0)">${i}</a>
				</span>
			</c:if>		
		</c:forEach>
		<c:if test="${pagination.page != pagination.totalPage}">
			<span>
				<a onclick="clickPageNum('${pagination.params}','p=${pagination.page+1}')" href="javascript:void(0)" title="下一页">下一页</a>
			</span>
			<a onclick="clickPageNum('${pagination.params}','p=${pagination.totalPage}')" href="javascript:void(0)" title="末页">末页</a>
		</c:if>
		<c:if test="${pagination.page eq pagination.totalPage}">
			<span class="disabled">下一页</span>	
			<span class="disabled">末页</span>		
		</c:if>
	</c:if>

	<c:if test="${pagination.totalPage >=7}">
		<c:if test="${pagination.page eq 1}">
			<span class="disabled">首页</span>	
			<span class="disabled">上一页</span>		
		</c:if>
		<c:if test="${pagination.page != 1}">
			<span>
				<a onclick="clickPageNum('${pagination.params}','p=1')" href="javascript:void(0)" title="首页">首页</a>
			</span>
			<span>
				<a onclick="clickPageNum('${pagination.params}','p=${pagination.page-1}')" href="javascript:void(0)" title="上一页">上一页</a>
			</span>
		</c:if>
		<c:forEach var="i" begin="1" end="3">
			<c:if test="${pagination.page eq i}">
				<span class="current">
					${i}
				</span>
			</c:if>
			<c:if test="${pagination.page ne i}">
				<span>
					<a onclick="clickPageNum('${pagination.params}','p=${i}')" href="javascript:void(0)" >${i}</a>
				</span>
			</c:if>		
		</c:forEach>
		
		<c:if test="${pagination.page < 3}">
			<span>…</span>	
		</c:if>
		
		<c:if test="${pagination.page >= 3 and pagination.page < 7  and pagination.page < pagination.totalPage-4}">
			<c:forEach var="i" begin="4" end="${pagination.page+1}">
				<c:if test="${pagination.page eq i}">
					<span class="current">
						${i}
					</span>
				</c:if>
				<c:if test="${pagination.page ne i}">
					<span>
						<a onclick="clickPageNum('${pagination.params}','p=${i}')" href="javascript:void(0)">${i}</a>
					</span>
				</c:if>		
			</c:forEach>
			<span>…</span>
		</c:if>
		<c:if test="${pagination.page >= 3 and pagination.page < 7 and pagination.page >= pagination.totalPage-4}">
			<c:forEach var="i" begin="4" end="${pagination.totalPage-3}">
				<c:if test="${pagination.page eq i}">
					<span class="current">
						${i}
					</span>
				</c:if>
				<c:if test="${pagination.page ne i}">
					<span>
						<a onclick="clickPageNum('${pagination.params}','p=${i}')" href="javascript:void(0)">${i}</a>
					</span>
				</c:if>		
			</c:forEach>
		</c:if>
		
		<c:if test="${pagination.page >= 7 and pagination.page < pagination.totalPage-4}">
			<span>…</span>
			<c:forEach var="i" begin="${pagination.page -1}" end="${pagination.page+1}">
				<c:if test="${pagination.page eq i}">
					<span class="current">
						${i}
					</span>
				</c:if>
				<c:if test="${pagination.page ne i}">
					<span>
						<a onclick="clickPageNum('${pagination.params}','p=${i}')" href="javascript:void(0)">${i}</a>
					</span>
				</c:if>		
			</c:forEach>
			<span>…</span>
		</c:if>
		
		<c:if test="${pagination.page >= 7 and pagination.page >= pagination.totalPage-4}">
			<span>…</span>
			<c:forEach var="i" begin="${pagination.page-1}" end="${pagination.totalPage -3}">
				<c:if test="${pagination.page eq i}">
					<span class="current">
						${i}
					</span>
				</c:if>
				<c:if test="${pagination.page ne i}">
					<span>
						<a onclick="clickPageNum('${pagination.params}','p=${i}')" href="javascript:void(0)">${i}</a>
					</span>
				</c:if>		
			</c:forEach>
		</c:if>
		
		<c:forEach var="i" begin="${pagination.totalPage - 2}" end="${pagination.totalPage}">
			<c:if test="${pagination.page eq i}">
				<span class="current">
					${i}
				</span>
			</c:if>
			<c:if test="${pagination.page ne i}">
				<span>
					<a onclick="clickPageNum('${pagination.params}','p=${i}')" href="javascript:void(0)">${i}</a>
				</span>
			</c:if>		
		</c:forEach>
		<c:if test="${pagination.page != pagination.totalPage}">
			<span>
				<a onclick="clickPageNum('${pagination.params}','p=${pagination.page+1}')" href="javascript:void(0)" title="下一页">下一页</a>
			</span>
			<span>
				<a onclick="clickPageNum('${pagination.params}','p=${pagination.totalPage}')" href="javascript:void(0)" title="末页">末页</a>
			</span>
		</c:if>
		<c:if test="${pagination.page eq pagination.totalPage}">
			<span class="disabled">下一页</span>	
			<span class="disabled">末页</span>		
		</c:if>
	</c:if>
	</div>
   
</div>
问题已经解决了！
异常异长 2014-04-17
  • 打赏
  • 举报
 回复
F12 debug一下
AngelWings 2014-04-17
  • 打赏
  • 举报
 回复
有大神指点下吗？ 谢谢！
小灯光环 2014-04-11
  • 打赏
  • 举报
 回复
逻辑问题，你写的if太多了很容易出错的。
tony4geek 2014-04-11
  • 打赏
  • 举报
 回复
不显示那就是判断的问题。计算页数出错了。
teemai 2014-04-11
  • 打赏
  • 举报
 回复
这代码看的头晕。。 你的页面计算逻辑出错了
爱跳舞的铅笔头 2014-04-11
  • 打赏
  • 举报
 回复
建议分页从后台处理，页面脚本过多，容易造成浏览器崩溃。
AngelWings 2014-04-11
  • 打赏
  • 举报
 回复
引用 2 楼 wlwlwlwl015 的回复:
逻辑问题，你写的if太多了很容易出错的。
请问哪个判断出问题了？
AngelWings 2014-04-11
  • 打赏
  • 举报
 回复
引用 1 楼 rui888 的回复:
不显示那就是判断的问题。计算页数出错了。
具体指点下，谢谢
javascript 分页
实现简单的javascript 分页功能。 实现简单的javascript 分页功能。 实现简单的javascript 分页功能。
jspdf实现JavaScript显示pdf文档可分页
jspdf源代码jspdf源代码jspdf源代码jspdf源代码jspdf源代码jspdf源代码
javascript 实现分页
JavaScript 实现分页可以使用以下步骤： 计算出需要分页的数据总量和每页显示的数据数量。 根据总数据量和每页数据量计算出需要的总页数。 根据当前页码计算出该页的数据在总数据中的起始位置和结束位置。 根据...
JavaScript分页功能制作
【代码】JavaScript分页功能制作。
JavaScript分页功能如何实现
函数用于显示分页链接。具体实现可以根据具体需求进行调整。函数用于从数据源中获取当前页显示的数据，函数用于显示当前页的数据，
Java EE

67,515

社区成员

225,878

社区内容

发帖
与我相关
我的任务
社区描述
J2EE只是Java企业应用。我们需要一个跨J2SE/WEB/EJB的微容器，保护我们的业务核心组件（中间件），以延续它的生命力，而不是依赖J2SE/J2EE版本。
社区管理员
  • Java EE
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章