1、点击修改
2、弹出模态框,显示用户信息
3、点击更新,完成用户修改
弹出模态框
/*无法绑定:按钮创建之前绑定事件,所以不可以绑定,可用在创建按钮的时候绑定事件*/
/*live()*/
/*jq 新版本没有live使用on进行替代*/
$(document).on("click",".edit-btn",function () {
// alert("edit");
//1.查出部门信息,显示部门列表
//2.查出部门信息,显示员工信系
getDepts("#empUpdateModal select");
$("#empUpdateModal").modal({
backdrop: "static"
});
});
回显员工信息
function getEmp(id) {
$.ajax({
url:"${PATH}/emp/"+id,
type:"get",
success:function (result) {
console.log(result);
var empData = result.extend.emp;
$("#empName_update_static").text(empData.empName);
$("#email_update_input").val(empData.email);
$("#empUpdateModal input[name=gender]").val([empData.gender]);
$("#empUpdateModal select").val([empData.dId]);
}
});
}
/*点击更新,更新员工信息*/
$("#emp_update_btn").click(function () {
//验证邮箱是否合法
/*1.校验邮箱信息*/
var email = $("#email_update_input").val();
var rgxEmail = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;
if(!rgxEmail.test(email)){
show_validate_msg("#email_update_input","error","邮箱格式不正确");
return false;
}else{
show_validate_msg("#email_update_input","success","");
}
/*2.发送 ajax 请求保存更新的员工数据*/
$.ajax({
url:"${PATH}/emp/"+$(this).attr("edit-id"),
type:"put",
data:$("#empUpdateModal form").serialize(),
success:function (result) {
// alert(result.msg);
/*1、关闭对话框*/
$("#empUpdateModal").modal("hide");
/*2、回到当前页*/
toPage(currentPage);
}
});
});