在列表页面from表单最下边引入分页页面
<%@ include file="/WEB-INF/jsps/tools/paging.jsp" %>
编写一个jsp页面paging.jsp,首先引入s标签
<%@taglib prefix="s" uri="/struts-tags"%>
编写函数,每触发一次action都要处理请求(详见action分页处理)
$(function(){
var pageNum = ${pageNum};//获取当前页
var maxPageNum = ${maxPageNum};//获取最大页数
$("#fir").click(function(){//首页
$("[name='pageNum']").val(1);
$("form:first").submit();
});
$("#pre").click(function(){//上一页
$("[name='pageNum']").val($("[name='pageNum']").val()-1);
$("form:first").submit();
});
$("#next").click(function(){//下一页
$("[name='pageNum']").val($("[name='pageNum']").val()*1+1);
$("form:first").submit();
});
$("#last").click(function(){//最后一页
$("[name='pageNum']").val(maxPageNum);
$("form:first").submit();
});
});
</script>
<s:hidden name="pageNum"/><!--隐藏当前页-->
<table>
<tr>
<td> </td>
<td>共 ${count}条记录</td>
<td>
<a id="fir" class="sye">首 页</a>
</td>
<td>
<a id="pre" class="sye">上一页</a>
</td>
<td>
<a id="next" class="sye">下一页</a>
</td>
<td>
<a id="last" class="sye">末 页</a>
</td>
<td>当前第<span style="color:red;">${pageNum}</span>/${maxPageNum}页</td>
</tr>
</table>
显示效果
共 14条记录 | 首 页 | 上一页 | 下一页 | 末 页 | 当前第1/2页 |