//
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>雇员信息</title>
</head>
<%
// 获取请求的上下文
String context = request.getContextPath();
%>
<link href="/css/pagination.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="/js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="/js/jquery.pagination.js"></script>
<script type="text/javascript">
// 点击分页按钮以后触发的动作
function handlePaginationClick(new_page_index, pagination_container) {
$("#stuForm").attr("action", "<%=context %>/JdbcSqlServlet?pageNum=" + (new_page_index+1));
$("#stuForm").submit();
return false;
}
$(function(){
$("#News-Pagination").pagination(${result.totalRecord},{
items_per_page:${result.pageSize}, // 每页显示多少条记录
current_page:${result.currentPage}-1, // 当前显示第几页数据
num_display_entries:8, // 分页显示的条目数
next_text:"下一页",
prev_text:"上一页",
num_edge_entries:2, // 连接分页主体，显示的条目数
callback:handlePaginationClick
});
});
</script>
<body>
<div style="margin-left: 100px; margin-top: 100px;">
<div>
<font color="red">${errorMsg }</font>
</div>
<div>
<form action="<%=context %>/JdbcSqlServlet" id="stuForm" method="post">
姓名
<input type="text" name="stuName" id="stu_name" style="width:120px" value="${stuName }">
<input type="submit" value="查询">
</form>
</div>
<br>
学生信息列表：<br>
<br>
<!-- 后台返回结果为空 -->
<c:if test="${fn:length(result.dataList) eq 0 }">
<span>查询的结果不存在</span>
</c:if>
<!-- 后台返回结果不为空 -->
<c:if test="${fn:length(result.dataList) gt 0 }">
<table border="1px" cellspacing="0px"
style="border-collapse: collapse">
<thead>
<tr height="30">
<th width="100">雇员工号</th>
<th width="100">雇员姓名</th>
<th width="100">雇员工作</th>
<th width="100">雇佣日期</th>
<th width="100">雇员薪水</th>
<th width="100">雇员奖金</th>
<th width="100">领导编号</th>
<th width="100">部门编号</th>
<th width="100">领导名称</th>
</tr>
</thead>
<c:forEach items="${result.dataList }" var="emp">
<tr>
<td><c:out value="${emp.empno }"></c:out></td>
<td><c:out value="${emp.ename }"></c:out></td>
<td><c:out value="${emp.job }"></c:out></td>
<td><c:out value="${emp.hiredate }"></c:out></td>
<td><c:out value="${emp.sal }"></c:out></td>
<td><c:out value="${emp.comm }"></c:out></td>
<td><c:out value="${emp.leano }"></c:out></td>
<td><c:out value="${emp.deptno }"></c:out></td>
<td><c:out value="${emp.leaname }"></c:out></td>
</tr>
</c:forEach>
</table>
<br>
<div id="News-Pagination"></div>
</c:if>
</div>
</body>
</html>今天学习了老师讲的jquery插件实现分页，但是插件内容不显示。