WebRoot/WEB-INF/jsp/sunvote/headmaster/en_headmaster_list2.jsp

<%@ 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"%>
<%@ taglib prefix="myelfun" uri="/WEB-INF/tld/elfun.tld"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<title>中天电子-教育管理系统</title>
<head>
<base href="<%=basePath%>">
<!-- 下拉框 -->
<link rel="stylesheet" href="static/ace/css/chosen.css" />
<!-- jsp文件头和头部 -->
<!-- 日期框 -->
<link rel="stylesheet" href="static/ace/css/datepicker.css" />
<!-- <link
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
	rel="stylesheet"> -->
	<link rel="stylesheet" href="static/css/bootstrap.min.css" />
<link href="static/css/teach.css" rel="stylesheet">
</head>
<body class="no-skin">
	<!-- 检索  -->
	<form action="headmaster/listcs.do" method="post" name="Form" id="Form">
		<input type="hidden" name="SCHOOL_ID" id="SCHOOL_ID"
			value="${pd.SCHOOL_ID}" /> <input type="hidden" name="GRADE_ID"
			id="GRADE_ID" value="${pd.GRADE_ID}" />
		<div class="head_box">
			<div class="box_header">
				<div class="head_box_l">
					<p>
						<span class="right_b"></span>Monitor Management
					</p>
				</div>
				<div class="clearfix"></div>
			</div>
			<div style="background:#fff;padding:0 5%;">
				<table class="table table-striped">
					<col style="width: 10%" />
					<col style="width: 10%" />
					<col style="width: 20%" />
					<col style="width: 10%" />
					<col style="width: 20%" />
					<col style="width: 20%" />
					<col style="width: 10%" />
					<thead>
						<tr>
							<th><input type="checkbox" value="0" name='ids' id="ids" />No.</th>
							<th class="center">Name</th>
							<th class="center">User Name</th>
							<th class="center">Password</th>
							<th class="center">Contact Number</th>
							<th class="center">Class</th>
							<th class="center">Operation</th>
						</tr>
					</thead>
				</table>
			</div>
			<div class="clearfix"></div>
			<!-- 检索  -->
		</div>
		<div class="table_box">
			<table class="table table-striped">
				<col style="width: 10%" />
					<col style="width: 10%" />
					<col style="width: 20%" />
					<col style="width: 10%" />
					<col style="width: 20%" />
					<col style="width: 20%" />
					<col style="width: 10%" />
				<tbody>
					<!-- 开始循环 -->
					<c:choose>
						<c:when test="${not empty varList}">
							<c:forEach items="${varList}" var="var" varStatus="vs">
								<tr>
									<td><input type="checkbox" name='ids' id="ids"
										value="${var.ID}" />${vs.index+1}</td>
									<td class='center'>${var.NAME}</td>
									<td class='center'>${var.USERNAME}</td>
									<td class='center'>${var.PASSWORD}</td>
									<td class='center'>${var.PHONE}</td>
									<td class='center'>${var.CLASS_NAME}</td>
									<td><a onclick="edit('${var.HEADMASTER_ID}');"
										style="margin-right:10px;"><img
											src="static/images/eidtor.png" /></a><a
										onclick="del('${var.HEADMASTER_ID}');"><img
											src="static/images/remove.png" /></a></td>
								</tr>
							</c:forEach>
						</c:when>
						<c:otherwise>
							<tr class="main_info">
								<td colspan="100" class="center">There is no data</td>
							</tr>
						</c:otherwise>
					</c:choose>
				</tbody>
			</table>
			<div class="footer" style="width:auto;margin: 0px 5%;">
				<div class="creat">
					<input type="button" onclick="add();" value="Add the monitor" />
				</div>
				<div class="removeAll">
					<input type="button" onclick="del();" value="Remove" />
				</div>
				<div class="page_box">
					<div class="pagination"
						style="float: right;padding-top: 0px;margin-top: 0px;">${page.pageStr}</div>
				</div>
			</div>
		</div>
	</form>
	</div>
	<!-- /.main-container -->
	<!-- basic scripts -->
	<!-- 页面底部js¨ -->
	<%@ include file="../../system/index/foot.jsp"%>
	<script type="text/javascript">
	$(document).ready(function(){
		window.top.loading.remove();
		$(".table_box").css("padding-top",$(".head_box").height());
	});
		
		//检索
		function tosearch(){
			$("#Form").submit();
		}
		//修改
		function edit(Id){
			window.top.modal.init({
			'title':'Modify the information',
			'url':'<%=basePath%>headmaster/goEdit2.do?HEADMASTER_ID='+Id,
			func:function() {
				tosearch();
			}
			});
			window.top.modal.show();
		}
		function add(){
			window.top.modal.init({
			'title':'Add the monitor',
			'url':'<%=basePath%>headmaster/goAdd2.do?school_id=${pd.SCHOOL_ID}&grade_id=${pd.GRADE_ID}',
			func:function() {
				tosearch();
			}
			});
			window.top.modal.show();
		}
		function del(Id){
			window.top.remove.init({"title":"Remove","func":function(success){
				if(success){
					var str = Id;
					if(str == ''){
						for(var i=0;i < document.getElementsByName('ids').length;i++){
						  if(document.getElementsByName('ids')[i].checked){
						  	if(str=='') str += document.getElementsByName('ids')[i].value;
						  	else str += ',' + document.getElementsByName('ids')[i].value;
						  }
						}
					}
					
					$.ajax({
							type: "POST",
							url: '<%=basePath%>headmaster/deleteAll.do?tm='
													+ new Date().getTime(),
											data : {
												DATA_IDS : str
											},
											dataType : 'json',
											//beforeSend: validateData,
											cache : false,
											success : function(data) {
												tosearch();
											}
										});
							} else {
								console.log("false");
							}
						}
					});
			window.top.remove.show();
		}
	</script>
</body>
</html>