no message
This commit is contained in:
397
SMMS/WebContent/view/clazzList.jsp
Normal file
397
SMMS/WebContent/view/clazzList.jsp
Normal file
@@ -0,0 +1,397 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>班级列表</title>
|
||||
<link rel="stylesheet" type="text/css" href="static/easyui/themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="static/easyui/themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="static/easyui/css/demo.css">
|
||||
<script type="text/javascript" src="static/easyui/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
|
||||
<script type="text/javascript" src="static/easyui/js/validateExtends.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
//datagrid初始化
|
||||
$('#dataList').datagrid({
|
||||
title:'班级列表',
|
||||
iconCls:'icon-more',//图标
|
||||
border: true,
|
||||
collapsible: false,//是否可折叠的
|
||||
fit: true,//自动大小
|
||||
method: "post",
|
||||
url:"ClazzServlet?method=getClazzList&t="+new Date().getTime(),
|
||||
idField:'id',
|
||||
singleSelect: false,//是否单选
|
||||
pagination: true,//分页控件
|
||||
rownumbers: true,//行号
|
||||
sortName: 'id',
|
||||
sortOrder: 'DESC',
|
||||
remoteSort: false,
|
||||
columns: [[
|
||||
{field:'chk',checkbox: true,width:50},
|
||||
{field:'id',title:'ID',width:50, sortable: true},
|
||||
{field:'clazzName',title:'班级名称',width:200},
|
||||
{field:'clazzs',title:'学级',width:100, },
|
||||
{field:'clazzAds',title:'学届',width:100, },
|
||||
{field:'userId',title:'责任人',width:100,
|
||||
formatter: function(value,row,index){
|
||||
if (row.userId){
|
||||
var userList = $("#userList").combobox("getData");
|
||||
for(var i=0;i<userList.length;i++ ){
|
||||
if(row.userId == userList[i].id)return userList[i].name;
|
||||
}
|
||||
return row.userId;
|
||||
} else {
|
||||
return 'not found';
|
||||
}
|
||||
}
|
||||
}
|
||||
]],
|
||||
toolbar: "#toolbar",
|
||||
onBeforeLoad : function(){
|
||||
try{
|
||||
$("#userList").combobox("getData")
|
||||
}catch(err){
|
||||
preLoadUser();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
function preLoadUser(){
|
||||
$("#userList").combobox({
|
||||
width: "150",
|
||||
height: "25",
|
||||
valueField: "id",
|
||||
textField: "name",
|
||||
multiple: false, //可多选
|
||||
editable: false, //不可编辑
|
||||
method: "post",
|
||||
url: "UserServlet?method=GetUserForClazz",
|
||||
onChange: function(newValue, oldValue){
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//设置分页控件
|
||||
var p = $('#dataList').datagrid('getPager');
|
||||
$(p).pagination({
|
||||
pageSize: 10,//每页显示的记录条数，默认为10
|
||||
pageList: [10,20,30,50,100],//可以设置每页记录条数的列表
|
||||
beforePageText: '第',//页数文本框前显示的汉字
|
||||
afterPageText: '页 共 {pages} 页',
|
||||
displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录',
|
||||
});
|
||||
|
||||
//设置工具类按钮
|
||||
$("#add").click(function(){
|
||||
$("#addDialog").dialog("open");
|
||||
});
|
||||
|
||||
//删除
|
||||
$("#delete").click(function(){
|
||||
var selectRows = $("#dataList").datagrid("getSelections");
|
||||
var selectLength = selectRows.length;
|
||||
if(selectLength == 0){
|
||||
$.messager.alert("消息提醒", "请选择数据进行删除!", "warning");
|
||||
} else{
|
||||
var clazzIds = [];
|
||||
$(selectRows).each(function(i, row){
|
||||
clazzIds[i] = row.id;
|
||||
});
|
||||
$.messager.confirm("消息提醒", "将删除班级信息（如果班级下存在学生则不能删除），确认继续？", function(r){
|
||||
if(r){
|
||||
$.ajax({
|
||||
type: "post",
|
||||
url: "ClazzServlet?method=DeleteClazz",
|
||||
data: {clazzIds: clazzIds},
|
||||
success: function(msg){
|
||||
if(msg == "success"){
|
||||
$.messager.alert("消息提醒","删除成功!","info");
|
||||
//刷新表格
|
||||
$("#dataList").datagrid("reload");
|
||||
} else if(msg == "isHaveStudent"){
|
||||
$.messager.alert("消息提醒","所选班级下存在学生，删除失败!","info");
|
||||
return;
|
||||
} else {
|
||||
$.messager.alert("消息提醒","删除失败!","warning");
|
||||
return;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
//下拉框通用属性
|
||||
$("#add_userList, #edit_userList").combobox({
|
||||
width: "200",
|
||||
height: "30",
|
||||
valueField: "id",
|
||||
textField: "name",
|
||||
multiple: false, //可多选
|
||||
editable: false, //不可编辑
|
||||
method: "post",
|
||||
});
|
||||
|
||||
$("#add_userList").combobox({
|
||||
url: "UserServlet?method=GetUserForClazz",
|
||||
onLoadSuccess: function(){
|
||||
//默认选择第一条数据
|
||||
var data = $(this).combobox("getData");;
|
||||
$(this).combobox("setValue", data[0].id);
|
||||
}
|
||||
});
|
||||
|
||||
$("#edit_userList").combobox({
|
||||
url: "UserServlet?method=GetUserForClazz",
|
||||
onLoadSuccess: function(){
|
||||
//默认选择第一条数据
|
||||
var data = $(this).combobox("getData");
|
||||
$(this).combobox("setValue", data[0].id);
|
||||
}
|
||||
});
|
||||
|
||||
//设置添加班级窗口
|
||||
$("#addDialog").dialog({
|
||||
title: "添加班级",
|
||||
width: 650,
|
||||
height: 400,
|
||||
iconCls: "icon-add",
|
||||
modal: true,
|
||||
collapsible: false,
|
||||
minimizable: false,
|
||||
maximizable: false,
|
||||
draggable: true,
|
||||
closed: true,
|
||||
buttons: [
|
||||
{
|
||||
text:'添加',
|
||||
plain: true,
|
||||
iconCls:'icon-add',
|
||||
handler:function(){
|
||||
var validate = $("#addForm").form("validate");
|
||||
if(!validate){
|
||||
$.messager.alert("消息提醒","请检查你输入的数据!","warning");
|
||||
return;
|
||||
} else{
|
||||
$.ajax({
|
||||
type: "post",
|
||||
url: "ClazzServlet?method=AddClazz",
|
||||
data: $("#addForm").serialize(),
|
||||
success: function(msg){
|
||||
if(msg == "success"){
|
||||
$.messager.alert("消息提醒","添加成功!","info");
|
||||
//关闭窗口
|
||||
$("#addDialog").dialog("close");
|
||||
//清空原表格数据
|
||||
$("#add_userList").textbox('setValue', "");
|
||||
$("#add_name").textbox('setValue', "");
|
||||
$("#add_code").textbox('setValue', "");
|
||||
$("#add_clazzs").textbox('setValue', "");
|
||||
$("#add_clazzAds").textbox('setValue', "");
|
||||
//刷新列表
|
||||
$('#dataList').datagrid("reload");
|
||||
} else {
|
||||
$.messager.alert("消息提醒","添加失败!","warning");
|
||||
return;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
text:'重置',
|
||||
plain: true,
|
||||
iconCls:'icon-reload',
|
||||
handler:function(){
|
||||
$("#add_userList").textbox('setValue', "");
|
||||
$("#add_name").textbox('setValue', "");
|
||||
$("#add_code").textbox('setValue', "");
|
||||
$("#add_clazzs").textbox('setValue', "");
|
||||
$("#add_clazzAds").textbox('setValue', "");
|
||||
}
|
||||
},
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
//搜索按钮监听事件
|
||||
$("#search-btn").click(function(){
|
||||
$('#dataList').datagrid('load',{
|
||||
clazzName: $('#clazzName').val(),
|
||||
userId: $("#userList").combobox('getValue') == '' ? 0 : $("#userList").combobox('getValue')
|
||||
});
|
||||
});
|
||||
|
||||
//修改按钮监听事件
|
||||
$("#edit-btn").click(function(){
|
||||
var selectRow = $("#dataList").datagrid("getSelected");
|
||||
//console.log(selectRow);
|
||||
if(selectRow == null){
|
||||
$.messager.alert("消息提醒", "请选择数据进行修改!", "warning");
|
||||
return;
|
||||
}
|
||||
$("#editDialog").dialog("open");
|
||||
});
|
||||
|
||||
//设置编辑班级窗口
|
||||
$("#editDialog").dialog({
|
||||
title: "编辑班级",
|
||||
width: 650,
|
||||
height: 400,
|
||||
iconCls: "icon-add",
|
||||
modal: true,
|
||||
collapsible: false,
|
||||
minimizable: false,
|
||||
maximizable: false,
|
||||
draggable: true,
|
||||
closed: true,
|
||||
buttons: [
|
||||
{
|
||||
text:'确定修改',
|
||||
plain: true,
|
||||
iconCls:'icon-add',
|
||||
handler:function(){
|
||||
var validate = $("#editForm").form("validate");
|
||||
if(!validate){
|
||||
$.messager.alert("消息提醒","请检查你输入的数据!","warning");
|
||||
return;
|
||||
} else{
|
||||
$.ajax({
|
||||
type: "post",
|
||||
url: "ClazzServlet?method=EditClazz",
|
||||
data: $("#editForm").serialize(),
|
||||
success: function(msg){
|
||||
if(msg == "success"){
|
||||
$.messager.alert("消息提醒","修改成功!","info");
|
||||
//关闭窗口
|
||||
$("#editDialog").dialog("close");
|
||||
//清空原表格数据
|
||||
$("#edit_userList").textbox('setValue', "");
|
||||
$("#edit_name").textbox('setValue', "");
|
||||
$("#edit_code").textbox('setValue', "");
|
||||
$("#edit_clazzs").textbox('setValue', "");
|
||||
$("#edit_clazzAds").textbox('setValue', "");
|
||||
//重新刷新页面数据
|
||||
$('#dataList').datagrid("reload");
|
||||
} else{
|
||||
$.messager.alert("消息提醒","修改失败!","warning");
|
||||
return;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
text:'重置',
|
||||
plain: true,
|
||||
iconCls:'icon-reload',
|
||||
handler:function(){
|
||||
$("#edit_userList").textbox('setValue', "");
|
||||
$("#edit_name").textbox('setValue', "");
|
||||
$("#edit_code").textbox('setValue', "");
|
||||
$("#edit_clazzs").textbox('setValue', "");
|
||||
$("#edit_clazzAds").textbox('setValue', "");
|
||||
}
|
||||
},
|
||||
],
|
||||
onBeforeOpen: function(){
|
||||
var selectRow = $("#dataList").datagrid("getSelected");
|
||||
//设置值
|
||||
$("#edit-id").val(selectRow.id);
|
||||
$("#edit_name").textbox('setValue', selectRow.clazzName);
|
||||
$("#edit_code").textbox('setValue', selectRow.clazzCode);
|
||||
$("#edit_clazzs").textbox('setValue', selectRow.clazzs);
|
||||
$("#edit_clazzAds").textbox('setValue', selectRow.clazzAds);
|
||||
var userId = selectRow.userId;
|
||||
setTimeout(function(){
|
||||
$("#edit_userList").combobox('setValue', userId);
|
||||
}, 100);
|
||||
}
|
||||
});
|
||||
//清空搜索条件
|
||||
$("#clear-btn").click(function(){
|
||||
$('#dataList').datagrid("reload",{});
|
||||
$("#userList").combobox('clear');
|
||||
$("#clazzName").textbox('setValue', "");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 数据列表 -->
|
||||
<table id="dataList" cellspacing="0" cellpadding="0">
|
||||
</table>
|
||||
|
||||
<!-- 工具栏 -->
|
||||
<div id="toolbar">
|
||||
<c:if test="${roleCode == 'admin'}">
|
||||
<div style="float: left;"><a id="add" href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">添加</a></div>
|
||||
<div style="float: left; margin-right: 10px;"><a id="edit-btn" href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">修改</a></div>
|
||||
<div style="float: left; margin-right: 10px;"><a id="delete" href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-some-delete',plain:true">删除</a></div>
|
||||
</c:if>
|
||||
<div style="float: left;margin-top:4px;" class="datagrid-btn-separator" >
|
||||
班级名称：<input id="clazzName" class="easyui-textbox" name="clazzName" />
|
||||
责任人：<input id="userList" class="easyui-textbox" name="userId" />
|
||||
</div>
|
||||
<div style="margin-top: 3px;">
|
||||
<a id="search-btn" href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">搜索</a>
|
||||
<a id="clear-btn" href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">清空搜索</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 添加窗口 -->
|
||||
<div id="addDialog" style="padding: 10px">
|
||||
<form id="addForm" method="post">
|
||||
<table cellpadding="8" >
|
||||
<tr>
|
||||
<td>责任人:</td>
|
||||
<td><input id="add_userList" style="width: 200px; height: 30px;" class="easyui-textbox" name="userId" data-options="required:true, missingMessage:'请选择责任人'" /></td>
|
||||
<td>班级名称:</td>
|
||||
<td><input id="add_name" style="width: 200px; height: 30px;" class="easyui-textbox" type="text" name="clazzName" data-options="required:true, missingMessage:'不能为空'" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>班级编码:</td>
|
||||
<td><input id="add_code" style="width: 200px; height: 30px;" class="easyui-textbox" type="text" name="clazzCode" data-options="required:true, missingMessage:'不能为空'" /></td>
|
||||
<td>学级:</td>
|
||||
<td><input id="add_clazzs" style="width: 200px; height: 30px;" class="easyui-textbox" type="text" name="clazzs" data-options="required:true, missingMessage:'不能为空'" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>学届:</td>
|
||||
<td><input id="add_clazzAds" style="width: 200px; height: 30px;" class="easyui-textbox" type="text" name="clazzAds" data-options="required:true, missingMessage:'不能为空'" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- 编辑窗口 -->
|
||||
<div id="editDialog" style="padding: 10px">
|
||||
<form id="editForm" method="post">
|
||||
<input type="hidden" id="edit-id" name="id">
|
||||
<table cellpadding="8" >
|
||||
<tr>
|
||||
<td>责任人:</td>
|
||||
<td><input id="edit_userList" style="width: 200px; height: 30px;" class="easyui-textbox" name="userId" data-options="required:true, missingMessage:'请选择责任人'" /></td>
|
||||
<td>班级名称:</td>
|
||||
<td><input id="edit_name" style="width: 200px; height: 30px;" class="easyui-textbox" type="text" name="clazzName" data-options="required:true, missingMessage:'不能为空'" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>班级编码:</td>
|
||||
<td><input id="edit_code" style="width: 200px; height: 30px;" class="easyui-textbox" type="text" name="clazzCode" data-options="required:true, missingMessage:'不能为空'" /></td>
|
||||
<td>学级:</td>
|
||||
<td><input id="edit_clazzs" style="width: 200px; height: 30px;" class="easyui-textbox" type="text" name="clazzs" data-options="required:true, missingMessage:'不能为空'" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>学届:</td>
|
||||
<td><input id="edit_clazzAds" style="width: 200px; height: 30px;" class="easyui-textbox" type="text" name="clazzAds" data-options="required:true, missingMessage:'不能为空'" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user