ASP.NET Core表单提交时GroupPerDay值无法正确绑定至模型问题

核心原因 #

ASP.NET MVC的模型绑定对集合类型字段有严格命名规则，只有表单控件的name属性符合集合属性名[索引].子属性名格式时，后端才能正确识别并绑定到列表中。你之前的for代码块大概率未生成符合规范的name属性。

具体修复步骤 #

1. 调整ViewModel集合属性类型
   确保PersonInGroups属性是List<T>或IList<T>类型，不能用IEnumerable<T>（无索引器，无法生成正确绑定名称）。示例模型定义：

public class CreateGroupViewModel
{
    // 其他正常绑定字段
    public string GroupName { get; set; }

    // 必须用List/IList，初始化空列表避免空引用
    public List<GroupPerDay> PersonInGroups { get; set; } = new List<GroupPerDay>();
}

public class GroupPerDay
{
    public int Set1 { get; set; }
    public int Set2 { get; set; }
    public int Set3 { get; set; }
}

2. 用带索引的for循环生成表单控件
   不要用foreach遍历集合，改用带索引的for循环，配合asp-for标签助手生成控件，自动生成符合绑定规则的name属性。示例CSHTML代码：

@model CreateGroupViewModel

<form asp-action="Create" method="post">
    <!-- 其他正常字段 -->
    <div>
        <label asp-for="GroupName"></label>
        <input asp-for="GroupName" />
    </div>

    <!-- 遍历PersonInGroups生成控件 -->
    @for (int i = 0; i < Model.PersonInGroups.Count; i++)
    {
        <div class="group-item">
            <div>
                <label asp-for="PersonInGroups[i].Set1"></label>
                <input asp-for="PersonInGroups[i].Set1" type="number" />
            </div>
            <div>
                <label asp-for="PersonInGroups[i].Set2"></label>
                <input asp-for="PersonInGroups[i].Set2" type="number" />
            </div>
            <div>
                <label asp-for="PersonInGroups[i].Set3"></label>
                <input asp-for="PersonInGroups[i].Set3" type="number" />
            </div>
        </div>
    }

    <button type="submit">提交</button>
</form>

3. 检查前端控件的name属性
   提交前打开浏览器F12开发者工具，确认表单控件的name属性为PersonInGroups[0].Set1、PersonInGroups[1].Set2这类格式。若不是，需调整循环写法。

4. 动态添加条目时的注意事项
   如果用JavaScript动态添加新的GroupPerDay条目，要确保新控件的name属性遵循索引规则：比如当前列表有3个条目，新条目的索引为3，控件name写成PersonInGroups[3].Set1。

后端接收验证 #

后端Action直接接收CreateGroupViewModel参数即可，示例：

[HttpPost]
public IActionResult Create(CreateGroupViewModel model)
{
    if (ModelState.IsValid)
    {
        // 直接访问model.PersonInGroups集合处理业务逻辑
    }
    return View(model);
}

内容的提问来源于stack exchange，提问作者Trung Đặng Đức