http://hi.baidu.com/rxt_gogle/blog/item/13c073159e498ad2a7ef3fb9.html
原创分页“插件”——JSTL版
最近,自己做一个分页的“插件”。说他是插件,是因为,自己认为比较用通用性吧。 要不把这样的分页程序写在JSP界面上会觉得很乱。而用的时候,直接 <jsp:include flush="true" page=""/>就可以了。 好,那这次做的是JSTL版本的。 插件如下: <c:if test="${page==1}"> <button disabled="disabled">首页</button> <button disabled="disabled">上一页</button> </c:if>
<!--关键字为空 --> <c:if test="${empty keyWord}"> <c:if test="${page>1}"> <button οnclick="myForword(1,'')">首页</button> <button οnclick="myForword(${page-1 },'')">上一页</button> </c:if> <c:if test="${page==totalPage}"> <button disabled="disabled">下一页</button> <button disabled="disabled">尾页</button> </c:if> <c:if test="${page<totalPage}"> <button οnclick="myForword(${page+1 },'')">下一页</button> <button οnclick="myForword(${totalPage },'')">尾页</button> </c:if>
<form action="EmpServlet" method="post" name="form2"> 跳转到 <select name="page" οnchange="document.form2.submit()"> <c:forEach var="i" begin="1" end="${totalPage}" step="1"> <option value=${i } <c:if test="${i==page }">selected</c:if> >${i }</option> </c:forEach> </select> 页 </form> </c:if>
<!--关键字不为空 --> <c:if test="${not empty keyWord}"> <c:if test="${page>1}"> <button οnclick="myForword(1,'${keyWord }')">首页</button> <button οnclick="myForword(${page-1 },'${keyWord }')">上一页</button> </c:if> <c:if test="${page==likePage}"> <button disabled="disabled">下一页</button> <button disabled="disabled">尾页</button> </c:if> <c:if test="${page<likePage}"> <button οnclick="myForword(${page+1 },'${keyWord }')">下一页</button> <button οnclick="myForword(${likePage },'${keyWord }')">尾页</button> </c:if> <form action="EmpServlet" method="post" name="form3"> <input type="hidden" name="keyWord" value="${keyWord }"> <!-- 关键 --> 跳转到 <select name="page" οnchange="document.form3.submit()"> <c:forEach var="i" begin="1" end="${likePage}" step="1"> <option value=${i } <c:if test="${i==page }">selected</c:if> >${i }</option> </c:forEach> </select> 页 </form> </c:if>
<!--关键字为空 --> <c:if test="${empty keyWord}"> <h2>共<font color="red">${totalCount }</font>条记录</h2> <h2>第<font color="red">${page }</font>页 共<font color="red">${totalPage }</font>页</h2> </c:if> <!--关键字不为空 --> <c:if test="${not empty keyWord}"> <h2>共<font color="red">${likeCount }</font>条记录</h2> <h2>第<font color="red">${page }</font>页 共<font color="red">${likePage }</font>页</h2> </c:if>
//跳转 function myForword(page,keyWord) { location.href="EmpServlet?page="+page+"&keyWord="+keyWord; }
介绍完毕,前台使用,仅供参考。 |