Question

JSP 简单的分页 如：首页 第一页 1 2 3 4 5 6 上一页 首页 显示第7页的时候第一页隐藏这样的效果！

Answer 1

写一个公共的pageView.jsp,里面显示，做判断。
<!-- 分页信息 -->
<c:if test="${page.totalPage gt 1}">
<div align="right" style="margin: 0" class="pageview">
<div class="pages_numlnk" style="font-family: tahoma;">
<!-- 显示页码 -->
<c:forEach begin="${page.pageIndex.startPage }" end="${page.pageIndex.endPage}" var="i">
<c:if test="${i eq page.currentPage}">
<b>${i }</b> 
</c:if>
<c:if test="${i ne page.currentPage}">
<a href="#" onclick="gotoPage0('${i }');return false;">${i }</a> 
</c:if>
</c:forEach>

<!-- 总页码 -->
<span style="color: rgb(255, 69, 0);"> 共<b>${page.totalPage }</b>页 共<b>${page.totalItems }</b>条记录 </span>

<c:if test="${page.currentPage gt 1 }">
<a href="#" onclick="gotoPage0(1);return false;">[首页]</a> 
<a href="#" onclick="gotoPage0(${page.currentPage - 1 });return false;">[上一页]</a>
</c:if>

<c:if test="${page.currentPage lt page.totalPage}">
<a href="#" onclick="gotoPage0(${page.currentPage + 1 });return false;">[下一页]</a> 
<a href="#" onclick="gotoPage0(${page.totalPage });return false;">[尾页]</a>  
</c:if>

<!-- 跳转到指定页码 -->
<input id="toPageNum" type="text" size="4" style="font: 10px; height: 15px" />
<img onclick="gotoPage0(document.getElementById('toPageNum').value)" align="absMiddle"
src="${baseUrl }/images/button_go.gif">
</div>
<script type="text/javascript">
function gotoPage0(pageNum){
if(isNaN(pageNum)){
alert("请输入正确的页码");
document.getElementById('toPageNum').focus();
return false;
}
if(pageNum < 1){
pageNum = 1;
}
if(pageNum > ${page.totalPage}){
pageNum = ${page.totalPage};
}
if(typeof(gotoPage) == "undefined"){
alert("请提供gotoPage()方法");
return false;
}
gotoPage(pageNum);
}
</script>
</div>
</c:if>

Answer 2

可以这样实现
<input id="goPage" type="text">
<a href="#" onClick="test()">跳转</a>
这样在输入页码之后点击跳转将要调用test函数
你在test函数中实现跳转就可以了。如：

function test(){
//这里还需要实现一些对于输入页码的安全性验证。比如不能为空，必须是数字这些。
var page = document.getElementById("goPage").value;
window.location.href="aa.jsp?page="+page;

}

你这样写下吧 希望我的回答对你有所帮助。

Answer 3

http://jsptags.com/tags/navigation/pager/index.jsp
你可以去看一下，感觉功能还是不错的，很容易就实现了你要的效果。

Answer 4

taglib就是这样的效果，你可以去下载他的包。不过也可以自己写一个分页，用起来会更方便