SSH分页实现-jsp页面编写(4)

在jsp页面中：

<div >
	<table cellspacing="0" cellpadding="0" >
		<!-- 表头-->
		<thead>
			<tr align=center valign=middle >
				<td width="150px">部门名称</td>
				<td width="150px">上级部门名称</td>
				<td width="200px">职能说明</td>
				<td>相关操作</td>
			</tr>
		</thead>
		<tbody id="TableData" >
			<s:iterator value="recordList">
			<tr >
				<td><s:a action="department_list?parentId=%{id}">${name}&nbsp;</s:a>
				</td>
				<td>${parent.name}&nbsp;</td>
				<td>${description}&nbsp;</td>
				<td><s:a action="department_delete?id=%{id}&parentId=%{parent.id}" onclick="return confirm('确认要删除？')">删除</s:a> <s:a action="department_editorUI?id=%{id}">修改</s:a></td>
			</tr>
			</s:iterator>
		</tbody>
		</table>

<div>
	<div >
		页次：${currentPage}/${pageCount }页 &nbsp;
		每页显示：${pageSize }条 &nbsp;
		总记录数：${recordCount }条
	</div>
	<div>
		<a href="javascript: gotoPage(1)" title="首页" style="cursor: hand;">
			<img src="${pageContext.request.contextPath}/style/blue/p_w_picpaths/pageSelector/firstPage.png"/>
		</a>
		<s:iterator begin="%{beginPageIndex}" end="%{endPageIndex}" var="num">
			<s:if test="#num == currentPage"> <%-- 当前页 --%>
				<span class="PageSelectorNum PageSelectorSelected">${num}</span>
			</s:if>
			<s:else> <%-- 非当前页 --%>
				<span class="PageSelectorNum" style="cursor: hand;" onClick="gotoPage(${num});">${num}</span>
			</s:else>
			</s:iterator>
		
		<a href="javascript: gotoPage(${pageCount})" title="尾页" style="cursor: hand;">
			<img src="${pageContext.request.contextPath}/style/blue/p_w_picpaths/pageSelector/lastPage.png"/>
		</a>
		转到：
		<select onchange="gotoPage(this.value)" id="_pn">
			<s:iterator begin="1" end="%{pageCount}" var="num">
				<option value="${num}">${num}</option>
			</s:iterator>
		</select>
		<script type="text/javascript">
			$("#_pn").val("${currentPage}");
		</script>
		
	</div>
</div>


<script type="text/javascript">
	function gotoPage( pageNum ){
	    window.location.href = "department_showBypage.action?pageNum=" + pageNum;
	}
</script>