您会发现这很困难,因为您没有充分利用 MVC 框架的全部功能,因此请允许我提供一个工作示例。
首先,让我们创建一个视图模型来封装视图的数据需求:
public class SubjectGradesViewModel
{
public SubjectGradesViewModel()
{
Subjects = new List<Subject>();
}
public List<Subject> Subjects { get; set; }
}
接下来,创建一个类来表示您的主题模型:
public class Subject
{
public int Id { get; set; }
public string Name { get; set; }
public List<Student> StudentEntries { get; set; }
}
最后,一个代表学生的类:
public class Student
{
public int Id { get; set; }
public string Name { get; set; }
public int Grade { get; set; }
}
此时,您已经拥有了表示数据所需的所有类。现在让我们创建两个控制器操作,包括一些示例数据,以便您可以了解其工作原理:
public ActionResult Index()
{
var model = new SubjectGradesViewModel();
// This sample data would normally be fetched
// from your database
var compsci = new Subject
{
Id = 1,
Name = "Computer Science",
StudentEntries = new List<Student>()
{
new Student { Id = 1, Name = "CompSci 1" },
new Student { Id = 2, Name = "CompSci 2" },
}
};
var maths = new Subject
{
Id = 2,
Name = "Mathematics",
StudentEntries = new List<Student>()
{
new Student { Id = 3, Name = "Maths 1" },
new Student { Id = 4, Name = "Maths 2" },
}
};
model.Subjects.Add(compsci);
model.Subjects.Add(maths);
return View(model);
}
[HttpPost]
public ActionResult Index(SubjectGradesViewModel model)
{
if (ModelState.IsValid)
{
return RedirectToAction("Success");
}
// There were validation errors
// so redisplay the form
return View(model);
}
现在是时候构建视图了,这部分在将数据发送回控制器时尤其重要。首先是Index
view:
@model SubjectGradesViewModel
@using (Html.BeginForm())
{
@Html.ValidationSummary(true)
@Html.EditorFor(m => m.Subjects) <br />
<input type="submit" />
}
你会注意到我只是使用Html.EditorFor
,同时经过Subjects
作为参数。我这样做的原因是因为我们要创建一个EditorTemplate
代表一个Subject
。稍后我会解释更多。现在,只知道EditorTemplates
and DisplayTemplates
是 MVC 中的特殊文件夹名称,因此它们的名称和位置很重要。
我们实际上要创建两个模板:一个用于Subject
和一个用于Student
。为此,请按照下列步骤操作:
- 创建一个
EditorTemplates
视图当前文件夹内的文件夹(例如,如果您的视图是Home\Index.cshtml
,创建文件夹Home\EditorTemplates
).
- 在该目录中创建一个强类型视图,其名称与您的模型相匹配(即在这种情况下,您将创建两个视图,称为
Subject.cshtml
and Student.cshtml
,分别(同样,命名很重要))。
Subject.cshtml
应该看起来像这样:
@model Subject
<b>@Model.Name</b><br />
@Html.HiddenFor(m => m.Id)
@Html.HiddenFor(m => m.Name)
@Html.EditorFor(m => m.StudentEntries)
Student.cshtml
应该看起来像这样:
@model Student
@Html.HiddenFor(m => m.Id)
@Html.HiddenFor(m => m.Name)
@Html.DisplayFor(m => m.Name): @Html.EditorFor(m => m.Grade)
<br />
就是这样。如果您现在构建并运行该应用程序,请在POST
索引操作,您将看到模型已正确填充。
那么,什么是EditorTemplates
,以及他们的同行,DisplayTemplates
?它们允许您创建视图的可重用部分,从而使您可以更多地组织视图。
它们的伟大之处在于模板化的助手,即Html.EditorFor
and Html.DisplayFor
,足够聪明,知道他们何时处理集合模板。这意味着您不再需要循环遍历项目,每次都手动调用模板。您也不必执行任何操作null
or Count()
检查,因为助手会为您处理这一切。你留下的观点是干净且没有逻辑的。
EditorTemplates
当您想要将集合 POST 到控制器操作时,还会生成适当的名称。这使得模型绑定到列表比您自己生成这些名称简单得多。有时您仍然需要这样做,但这不是其中之一。