ASP.NET Core 7 MVC：视图模型属性无法回传至服务器问题

视图中使用foreach循环渲染标签复选框时，asp-for="@item.IsSelected"生成的HTML元素name属性未包含集合索引（例如Tags[0].IsSelected），ASP.NET Core模型绑定无法识别这些零散字段为集合的一部分，导致Tags列表无法回传至服务器。

1. 修改视图的标签渲染逻辑 #

将foreach循环替换为for循环，利用List的索引让asp-for生成符合模型绑定要求的name属性：

<div class="d-flex justify-content-around  py-5">
    <div class="row row-cols-1 row-cols-md-4">
        @for (int i = 0; i < Model.Tags.Count; i++)
        {
            <div class="col py-2">
                <input asp-for="Tags[i].IsSelected" type="checkbox" />
                <input asp-for="Tags[i].TagId" type="hidden" />
                <label class="form-label mt-4">@Model.Tags[i].TagName</label>
            </div>
        }
    </div>
</div>

• 移除原代码中无用的<input asp-for="@Model.Tags" type="hidden" />字段
• 省略TagName的隐藏字段：服务器端可通过TagId查询标签名称，无需回传冗余数据

2. 控制器中处理选中的标签 #

在[HttpPost]的Create方法中，筛选选中标签并关联到Trip实体：

[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Create(CreateTripViewModel createTripViewModel)
{
    if (ModelState.IsValid)
    {
        // 提取选中的标签ID
        var selectedTagIds = createTripViewModel.Tags
            .Where(t => t.IsSelected)
            .Select(t => Guid.Parse(t.TagId))
            .ToList();
        
        // 获取对应标签实体
        var selectedTags = await _tagRepository.GetTagsByIdsAsync(selectedTagIds);
        
        // 关联标签到Trip（需根据你的多对多实现调整，比如通过中间表）
        createTripViewModel.Trip.Tags = selectedTags;
        
        await _tripRepository.AddTripAsync(createTripViewModel.Trip);
        return RedirectToAction(nameof(Index));
    }
    
    // 验证失败时，重新构建标签列表并保留用户选中状态
    createTripViewModel.Tags = (await _tagRepository.GetAllTagsAsync(null)).Select(
        u => new SelectTagViewModel
        {
            TagId = u.TagId.ToString(),
            TagName = u.Name,
            IsSelected = createTripViewModel.Tags?.FirstOrDefault(t => t.TagId == u.TagId.ToString())?.IsSelected ?? false
        }).ToList();
    return View(createTripViewModel);
}

• 验证失败返回视图时，需重新生成Tags列表并恢复用户之前的选中状态
• 确保ITagRepository包含根据ID集合获取标签的方法（如GetTagsByIdsAsync）

• ASP.NET Core模型绑定对集合的要求：必须通过索引（[i]）标识集合中的每个元素，绑定器才能将请求字段映射到集合对应项
• 若偏好使用foreach，可通过EditorTemplate实现：在Views/Shared/EditorTemplates目录下创建SelectTagViewModel.cshtml模板，然后在视图中用@Html.EditorFor(m => m.Tags)渲染，模板会自动生成带索引的name属性

内容的提问来源于stack exchange，提问作者Andrew