开发工具与关键技术:后端
作者:汪利燕
撰写时间:2019年4月28日
上次写了新增、删除、表格错误和新增错误,修改没有写,因为我的修改出现了bug所以我没有跟新增删除一起写,不过这个bug现在被我修好了,现在把修改还有修改的错误补回来。
一、修改操作
第一步:先给修改按钮写一个点击事件
1.1(修改按钮onclick:openUpdate, 修改模态窗体id:modalUpdateEmployee)
1.2(修改保存按钮:savaUpdate)

//1.1 修改员工数据  
  function openUpdate(employeeID) {        
    $.post("/Main/SelectEmployeeByID", { employeeID: employeeID }, 
       function (data) {            
           $("#UemployeeNum").val(data[0].employeeNum);//编号             
           $("#UemployeeName").val(data[0].employeeName);//姓名             
           $("#Utelphone").val(data[0].telphone);//电话            
           $("#Uaddress").val(data[0].address);//地址         
           $("#UemployeeID").val(data[0].employeeID);//员工id  
           $("#modalUpdateEmployee").modal();//模态窗体id 
           });        
       }
 //1.2 修改保存员工信息    
  function savaUpdate() {         
     var employeeNum = $("#UemployeeNum").val();       
     var employeeName = $("#UemployeeName").val();    
     var telphone = $("#Utelphone").val();      
     var address = $("#Uaddress").val();    
     var employeeID = $("#UemployeeID").val();    
    $.post("UpdateEmployee",//控制器路径       
         { employeeID: employeeID, employeeNum: employeeNum,
           employeeName: employeeName, telphone: telphone, address: address },        
             function (msg) {        
                if (msg.State == true) {                  
                            layer.alert(msg.Text);            
                            $("#modalUpdateEmployee").modal('hide');//模态窗体id                         
                            tabEmployee.reload();//刷新表格             
                    } else {            
                         layer.alert(msg.Text);                 
                      }         
                });     
           }

修改和修改的错误
我要修改的是第一条数据,表单这里我已经修改了,点保存看效果(效果图如下)
修改和修改的错误
修改就成功了。
修改控制器操作
修改和修改的错误
修改和修改的错误
二、修改错误
我弄了很久才明白修改错在那里
修改和修改的错误
修改和修改的错误
我的新增和修改不是同一个模态窗体,我把新增、修改各一个模态窗体,上图画了修改和新增的的id名字,他们是同一个数据id一样,两个同样的模态窗体id不能相同,我错就错在这里,因为我的修改可以但是保存数据没有保存到,就是因为我的修改和新增id一样,所以修改保存不了数据,之后我就把修改的id改了(效果图如下)
修改和修改的错误
修改和修改的错误
在修改的id那里加了U,数据就保存成功了,完成。

相关文章: