在MVC中,更新Model的时候,我们通常使用Controller.UpdateModel方法。我最近在项目中使用了自定义ViewModel,在使用UpdateModel方法的时候无法映射到Post的数据到Model对象里。这个解决方案是一个简单的,但并不像它应该的IntelliSense不拾取方法的重载泛型类型推断时。
当不使用ViewModel的时候,我可以像这样使用Controller方法:
public ActionResult Edit(int id)
{
Student student = context.Student.FirstOrDefault(s => s.ID.Equals(id));
return View(student);
}
前端View中使用强类型视图:
<div>
<%= Html.LabelFor(model => model.Forename) %>
</div>
<div>
<%= Html.TextBoxFor(model => model.Forename)%>
<%= Html.ValidationMessageFor(model => model.Forename)%>
</div>
<div>
<%= Html.LabelFor(model => model.Surname)%>
</div>
<div>
<%= Html.TextBoxFor(model => model.Surname)%>
<%= Html.ValidationMessageFor(model => model.Surname)%>
</div>
Controller中可以用这样的方法来保存Student数据:
[HttpPost]
public ActionResult Edit(int id, FormCollection formValues)
{
try
{
Student student = context.Student.FirstOrDefault(s => s.ID.Equals(id));
UpdateModel(student);
context.SaveChanges();
return RedirectToAction("Details", new { id = student.ID });
}
catch
{
throw;
}
}
UpdateModel会遍历formValues集合并且映射post过来的数据到student model对象中。如果我去检查这个集合的Keys,我可以看到formValues匹配了student model的属性,使得映射成功。
现在来看看如果使用ViewModel会发生什么,这是一个很好的MVC练习。
下面是一个Student ViewModel的代码示例:
public class StudentModel
{
public Student Student { get; set; }
public SelectList Titles { get; set; }
public StudentModel()
{
}
public StudentModel(Student student, IEnumerable<Title> titles)
{
Student = student;
Titles = new SelectList(titles, "ID", "Name", student.TitleID);
}
}
接下来是如何使用ViewModel来编辑的方法:
public ActionResult Edit(int id)
{
Student student = context.Student.FirstOrDefault(s => s.ID.Equals(id));
return View(new StudentModel(student, context.Title));
}
前端View视图页代码:
<div>
<%= Html.LabelFor(model => model.Student.Title) %>
</div>
<div>
<%= Html.DropDownListFor(model => model.Student.TitleID, Model.Titles)%>
</div>
<div>
<%= Html.LabelFor(model => model.Student.Forename) %>
</div>
<div>
<%= Html.TextBoxFor(model => model.Student.Forename)%>
<%= Html.ValidationMessageFor(model => model.Student.Forename)%>
</div>
我们设断点来看下这次Post到Edit方法的formValues集合,Keys如图所示:
可以看到Keys中包含了Student这个Model对象,这是因为ViewModel使用了这个Student Model,但增加了“Student”作为前缀,和前面直接使用Model不一样。如果按照前面的UpdateModel方法,程序会获取不到post过来的值,也会报错。在这里,UpdateModel有重载方法,第二参数是Prefix,也就是"Student"前缀。
我们这下写这个UpdateModel方法:
UpdateModel<Student>(student, "Student");
你可以看到使用了“Student”作为前缀,映射正确。
[HttpPost]
public ActionResult Edit(int id, FormCollection formValues)
{
try
{
Student student = context.Student.FirstOrDefault(s => s.ID.Equals(id));
UpdateModel(student, "Student");
context.SaveChanges();
return RedirectToAction("Details", new { id = student.ID });
}
catch
{
throw;
}
}
程序运行成功!
特别注意:在增加了Prefix后,如果Post过来Form中有不等于Prefix的Name,UpdateModel的时候会报错。一旦增加Prefix前缀后,Post过来的FormCollection必须都含有该前缀对象才可以Work。
希望该文章会给大家带来帮助!