MVC单表修改
开发工具:Visual Studio 2017
关键技术:MVC JQuery Html5
撰写时间:2019-4-28
今天在这里给大家分享的功能是MVC单表修改
效果图:
虚拟员工数据
点击修改按钮打开修改模态窗口,将需要修改的数据填入四个文本框,然后点击保存按钮
如果不想修改的话可以点击关闭按钮关闭修改模态窗口
修改成功后就弹出提示“修改成功”,则失败就弹出提示“修改失败”
修改成功后的数据
修改思路:
一、点击修改 需要获取主键[ID] --> 打开修改页面并将ID传递到修改页面
二、在修改页面获取到Controller传递过来的ID
三、通过获取到的ID查询出数据并回填数据
1、在Controller写根据ID查询数据的action
2、在页面使用JQuery 异步方法 请求 Controller的action
3、在异步方法的回调方法中回填数据(通过JQuery设置元素的值)
四、保存修改后的数据
1、在Controller写修改数据的方法
Model的实例.Entry(Model中表的实例).State = EntityState.Modified;
例如: myModels.Entry(Employee).State = System.Data.Entity.EntityState.Modified;
保存修改 Model的实例.SaveChanges()
2、在页面通过JQuery $.post 提交数据 数据格式 json
在回调方法中提示用操作结果、页面跳转
MVC代码:
数据回填
public ActionResult DataBackfill(int EmployeeID)
{
var list = from tb in myModels.PW_Employee
where EmployeeI