<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<jsp:include page="keywords.jsp"></jsp:include>
<link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
<!-- Data Tables --><!-- js自动分页Css -->
<link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css?v=4.1.0" rel="stylesheet">
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<div class="ibox-content">
<!-- js自动分页样式 -->
<table class="table table-striped table-bordered table-hover dataTables-example">
<thead>
<tr>
<th style="text-align: center;width: 1%">ID</th>
<th style="text-align: center;width: 20%">职业</th>
<th style="text-align: center;width: 8%">操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${zhiyeList}" var="list">
<tr>
<td>${list.id}</td>
<td>${list.zhiye}</td>
<td style="text-align: center;">
<a href="zhiyeEdit?zhiye.id=${list.id}"><button type="button" class="btn btn-primary btn-success">修改</button></a>
<button οnclick="del('zhiyeDel?zhiye.id=${list.id}')" type="button" class="btn btn-primary btn-danger">删除</button>
</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- 全局js -->
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/plugins/jeditable/jquery.jeditable.js"></script>
<!-- Data Tables -->
<script src="js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
<script type="text/javascript" src="js/form-advanced-demo.js"></script>
<script type="text/javascript" src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/plugins/layer/laydate/laydate.js"></script>
<!-- 自定义js -->
<script src="js/content.js?v=1.0.0"></script>
<script type="text/javascript" src="../layer/layer.js"></script>
<!-- Page-Level Scripts -->
<script type="text/javascript">
$(document).ready(function(){
$(".dataTables-example").dataTable({
"bPaginate" : true, //是否显示(应用)分页器
"bInfo" : true, //是否显示页脚信息,DataTables插件左下角显示记录数
"sPaginationType" : "full_numbers", //详细分页组,可以支持直接跳转到某页
"bSort" : true, //是否启动各个字段的排序功能
"aaSorting" : [[0, "desc"]], //默认的排序方式,第2列,升序排列
"bFilter" : true, //是否启动过滤、搜索功能
});
});
</script>
</body>
</html>