MVC如何通过ListItemsPOST操作方法传递对象列表

Question

我想从Razor视图向控制器发布一个项目列表，但我得到的对象列表为null我的类结构是

型号：

List<Subjects> modelItem
class Subjects
{
int SubId{get;set;}
string Name{get;set;}
List<Students> StudentEntires{get;set;}
}
class StudentEntires
{
int StudId{get;set;}
string Name{get;set;}
int Mark{get;set;}
}

模型本身是一个项目列表，每个项目也包含子项目列表。示例模型是一个科目列表，每个科目都包含一个学生列表，我想为每个学生输入的分数

我的视图就像

@model IList<Subjects>  
@{   
Layout = "~/Views/Shared/_Layout.cshtml";
}
@using (Html.BeginForm())
{    
@Html.ValidationSummary(true)
if (Model.Count > 0)
{
@for (int item = 0; item < Model.Count(); item++)
{
<b>@Model[item].Name</b><br />
@foreach (StudentEntires markItem in Model[item].StudentEntires)
{
@Html.TextBoxFor(modelItem => markItem.Mark)
}
}
<p style="text-align:center">
<input type="submit" class="btn btn-primary" value="Update" />
</p>
}
}

和在控制器

[HttpPost]
public ActionResult OptionalMarks(int Id,ICollection<Subjects> model)
{
//BUt my model is null. Any idea about this?
}

Answer 1

您发现这很困难，因为您没有充分利用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视图：

@model SubjectGradesViewModel
@using (Html.BeginForm())
{
@Html.ValidationSummary(true)
@Html.EditorFor(m => m.Subjects) <br />
<input type="submit" />
}

您会注意到，我只是使用Html.EditorFor，同时传递Subjects作为参数。我这样做的原因是因为我们要创建一个EditorTemplate来表示Subject。我稍后会解释更多。现在，只要知道EditorTemplates和DisplayTemplates是MVC中的特殊文件夹名称，所以它们的名称和位置很重要。

实际上，我们将创建两个模板：一个用于Subject，另一个用于Student。要做到这一点，请遵循以下步骤：

1. 在视图的当前文件夹中创建一个EditorTemplates文件夹(例如，如果视图为HomeIndex.cshtml，则创建文件夹HomeEditorTemplates)
2. 在该目录中创建一个名称与模型匹配的强类型视图(即，在这种情况下，您将创建两个视图，分别称为Subject.cshtml和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和Html.DisplayFor，它们足够聪明，可以知道何时处理集合的模板。这意味着您不再需要在项目上循环，每次都手动调用一个模板。您也不必执行任何null或Count()检查，因为助手将为您处理所有这些。留给你的是干净、没有逻辑的视图。

当您想要将集合POST到控制器操作时，EditorTemplates还会生成适当的名称。这使得绑定到列表的模型比自己生成这些名称要简单得多。有时你仍然需要这样做，但这不是其中之一。

Answer 2

将操作方法签名更改为

public ActionResult OptionalMarks(ICollection<Subjects> model)

因为在您的HTML中，看起来并没有任何名为Id的内容。不过这不是你的主要问题。

接下来，使用foor循环执行以下操作

@for(int idx = 0; idx < Model[item].StudentEntires.Count();idx++)
{
@Html.TextBoxFor(_ => Model[item].StudentEntries[idx])
}

可能是由于对StudentEntries使用了foreach循环，模型绑定器在将所有内容拼接在一起时遇到问题，因此返回NULL。

编辑：

这里有一个例子：

控制器

public class HomeController : Controller
{
public ActionResult Index()
{
var viewModel = new IndexViewModel();
var subjects = new List<Subject>();
var subject1 = new Subject();
subject1.Name = "History";
subject1.StudentEntires.Add(new Student { Mark = 50 });
subjects.Add(subject1);
viewModel.Subjects = subjects;
return View(viewModel);
}
[HttpPost]
public ActionResult Index(IndexViewModel viewModel)
{
return new EmptyResult();
}
}

查看

@model SOWorkbench.Controllers.IndexViewModel
@{
ViewBag.Title = "Home Page";
}
@using (Html.BeginForm())
{
@Html.ValidationSummary(true)
if (Model.Subjects.Any())
{
int subjectsCount = Model.Subjects.Count();
for (int item = 0; item < subjectsCount; item++)
{
<b>@Model.Subjects[item].Name</b><br />            
int studentEntriesCount = Model.Subjects[item].StudentEntires.Count();
for(int idx = 0;idx < studentEntriesCount;idx++)
{
@Html.TextBoxFor(_ => Model.Subjects[item].StudentEntires[idx].Mark);
}
}
<p style="text-align:center">
<input type="submit" class="btn btn-primary" value="Update" />
</p>
}
}

当您发布表单时，您应该会看到viewModel对象中返回的数据。