1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
| ${“#btn-add”}.clike(function(){
//1.每次关闭再打开需执行表单数据重置
${“#form1”}[0].rest();
//2.检查用户是否已注册
checkSameEmployee();
//3.点击新增按钮后查询depts
add();
}
//2.检查用户是否已注册
function checkSameEmployee() {
// 为姓名输入框绑定一个change事件,发送ajax请求,检测是否用户已经注册
${“#empName”}.change(function(){
var empName=${“#empName”}.val();
var APP_PATH = $("#APP_PATH").val();
$.ajax({
url : APP_PATH + "/checkSameEmployee",
data : {
"empName" : empName
},
type : "POST",
success : function(result) {
if (result.code == 200) {
show_validate_message($("#empName"), "success", "");
$("#btn-save").attr("ajax-value", true);
} else {
show_validate_message($("#empName"), "error", "该用户已存在");
$("#btn-save").attr("ajax-value", false);
}
}
})
});
}
//2.1显示校验的结果和信息
function show_validate_message(element, status, msg) {
clear(element);// 每次显示前要清空
if (status == "success") {
$(element).parent().addClass("has-success");
}
if (status == "error") {
$(element).parent().addClass("has-error");
$(element).next("span").text(msg);
}
}
//3.新增
Function add(){
//3.1弹出之前发送ajax请求,查出部门信息并显示在下拉列表之中
getDepts($("#dId select"));
//3.2弹出模态框
${“#myModal”}.modal({
});
}
//3.1ajax访问/depts获取部门信息，然后插入select标签
function getDepts(element) {
var APP_PATH = $("#APP_PATH").val();
$.ajax({
url : APP_PATH + "/depts",
type : "GET",
success : function(result) {
// console.log(result);
buildDepts(result, element);
}
});
}
//3.1.1将查询的部门显示出来
function buildDepts(result, element) {
$(element).empty();// 注意每次构建前都要清空
$.each(result.data.depts.data.depts, function(index, item) {
var deptOption = $("<option></option>").append(item.deptName).attr(
"value", item.deptId).appendTo(element);
})
}
|
