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);}});});
