开发工具与关键技术:后端
作者:汪利燕
撰写时间: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,数据就保存成功了,完成。