在视图中循环列表并根据列表索引将值绑定到模型

Question

我有这个模型：

public class ClassRoom
{
    public List<Student> Students { get; set; }
}
public class Student
{
    public int ID { get; set; }
    public int Type { get; set; }
    public string Name { get; set; }
    public string LastName { get; set; }
}

ID 和 Type 的值已经满了，我需要创建一个视图，学生可以在其中添加他的姓名和姓氏。 所以我需要循环视图中的学生列表。

我正在做以下事情：

@model Models.ClassRoom

@{
    ViewBag.Title = "Classroom";
}


@if (Model != null)
{
<form action="Controller/Method">
    foreach (var item in Model.Students)
    {
        @Html.HiddenFor(model => model.ID) 
        <div>
            @Html.TextBoxFor(model => model.Name)
            @Html.TextBoxFor(model => model.LastName)
        </div>

    }
    <input type="submit">
  </form>
  }

我想最终提交一个 Classroom 类型的模型，其中包含一个学生列表，每个 ID 都填写了姓名和姓氏

但这不起作用。

如何将视图中的值绑定到列表中某个索引上的项目？

对于隐藏输入中的每个ID，我想保存写好的名字和姓氏。

请帮忙

我需要创建一个表单并最终提交包含完整学生列表的教室。我的 Controller 方法和视图中的类型应该是什么？

Answer 1

如果要将模型发送回控制器，则需要正确生成命名。有几种方法，其中一种如下所示：

@using (Html.BeginForm("Index", "Home")) {
    <div style="margin-top: 100px;">
        @if (Model != null) {
            for (var i = 0; i <= Model.Students.Count - 1; i++) {
                @Html.HiddenFor(model => model.Students[i].ID)
                <div>
                    @Html.TextBoxFor(model => model.Students[i].Name)
                    @Html.TextBoxFor(model => model.Students[i].LastName)
                </div>
            }
        }
        <input type="submit" value="Go"/>
    </div>
}

并且在控制器中不要忘记添加：

[HttpGet]
public async Task<IActionResult> Index() {
    var classroom = new ClassRoom();
     ... //add some students to the classroom
    return View(classroom);
}

[HttpPost]
public async Task<IActionResult> Index(ClassRoom classRoom) {
    ...
}

这里可以找到一些more reading。