1、点击修改
2、弹出模态框,显示用户信息
3、点击更新,完成用户修改

弹出模态框

  1. /*无法绑定:按钮创建之前绑定事件,所以不可以绑定,可用在创建按钮的时候绑定事件*/
  2. /*live()*/
  3. /*jq 新版本没有live使用on进行替代*/
  4. $(document).on("click",".edit-btn",function () {
  5. // alert("edit");
  6. //1.查出部门信息,显示部门列表
  7. //2.查出部门信息,显示员工信系
  8. getDepts("#empUpdateModal select");
  9. $("#empUpdateModal").modal({
  10. backdrop: "static"
  11. });
  12. });

回显员工信息

  1. function getEmp(id) {
  2. $.ajax({
  3. url:"${PATH}/emp/"+id,
  4. type:"get",
  5. success:function (result) {
  6. console.log(result);
  7. var empData = result.extend.emp;
  8. $("#empName_update_static").text(empData.empName);
  9. $("#email_update_input").val(empData.email);
  10. $("#empUpdateModal input[name=gender]").val([empData.gender]);
  11. $("#empUpdateModal select").val([empData.dId]);
  12. }
  13. });
  14. }
  1. /*点击更新,更新员工信息*/
  2. $("#emp_update_btn").click(function () {
  3. //验证邮箱是否合法
  4. /*1.校验邮箱信息*/
  5. var email = $("#email_update_input").val();
  6. var rgxEmail = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;
  7. if(!rgxEmail.test(email)){
  8. show_validate_msg("#email_update_input","error","邮箱格式不正确");
  9. return false;
  10. }else{
  11. show_validate_msg("#email_update_input","success","");
  12. }
  13. /*2.发送 ajax 请求保存更新的员工数据*/
  14. $.ajax({
  15. url:"${PATH}/emp/"+$(this).attr("edit-id"),
  16. type:"put",
  17. data:$("#empUpdateModal form").serialize(),
  18. success:function (result) {
  19. // alert(result.msg);
  20. /*1、关闭对话框*/
  21. $("#empUpdateModal").modal("hide");
  22. /*2、回到当前页*/
  23. toPage(currentPage);
  24. }
  25. });
  26. });