使用Razor Pages更新一对多关系问题求助（ASP.NET Core 2.0）

你遇到的是Razor Pages模型绑定和EF Core关联数据加载的典型问题——OnGet里能通过Include拿到关联的Action数据，但OnPost时模型绑定过来的Project对象并没有自动带上这些关联数据，导致没法更新。下面给你几个可行的解决方案：

1. 手动加载关联数据并同步更新 #

核心思路是：先从数据库加载包含完整关联数据的原始Project实体，再把表单提交的属性映射过去，最后处理关联的Action集合变化。

修改你的OnPostAsync方法如下：

public async Task<IActionResult> OnPostAsync(int id)
{
    if (!ModelState.IsValid)
    {
        return Page();
    }

    // 从数据库加载包含Actions的原始Project
    var projectFromDb = await _context.Project
        .Include(p => p.Actions)
        .FirstOrDefaultAsync(p => p.Id == id);

    if (projectFromDb == null)
    {
        return NotFound();
    }

    // 更新Project的基础属性（这里列出你需要更新的字段）
    if (await TryUpdateModelAsync<Project>(
        projectFromDb,
        "Project", // 对应[BindProperty]的属性名称，作为绑定前缀
        p => p.Name, p => p.Description)) // 替换成你的实际属性
    {
        // 处理关联的Actions：同步提交的Action数据到原始集合
        foreach (var submittedAction in Project.Actions)
        {
            // 找到已存在的Action，更新属性
            var existingAction = projectFromDb.Actions.FirstOrDefault(a => a.Id == submittedAction.Id);
            if (existingAction != null)
            {
                existingAction.Name = submittedAction.Name;
                existingAction.Description = submittedAction.Description;
                // 添加其他需要更新的Action属性
            }
            // 如果是新增的Action（Id为默认值，比如0），添加到集合
            else if (submittedAction.Id == 0)
            {
                projectFromDb.Actions.Add(submittedAction);
            }
        }

        // （可选）处理Action删除：如果需要删除某些Action，你可以额外记录要删除的Id，然后从集合移除
        // var submittedActionIds = Project.Actions.Select(a => a.Id).ToList();
        // projectFromDb.Actions.RemoveAll(a => !submittedActionIds.Contains(a.Id));

        await _context.SaveChangesAsync();
        return RedirectToPage("./Index");
    }

    return Page();
}

2. 确保表单正确提交关联数据 #

要让模型绑定能识别并绑定关联的Action集合，你的Razor页面表单必须生成正确的字段名称。用for循环遍历Actions（而不是foreach），这样ASP.NET Core会生成带索引的name属性（比如Project.Actions[0].Id），模型绑定才能正确解析。

示例Razor代码片段：

<form method="post">
    <!-- Project基础字段 -->
    <div class="form-group">
        <label asp-for="Project.Name"></label>
        <input asp-for="Project.Name" class="form-control" />
        <span asp-validation-for="Project.Name" class="text-danger"></span>
    </div>

    <!-- 关联Actions的字段 -->
    <div class="mt-4">
        <h4>Actions</h4>
        @for (int i = 0; i < Model.Project.Actions.Count; i++)
        {
            <div class="border p-3 mb-3">
                <!-- 必须包含Id的隐藏字段，用于识别现有Action -->
                <input type="hidden" asp-for="Project.Actions[i].Id" />
                
                <div class="form-group">
                    <label asp-for="Project.Actions[i].Name"></label>
                    <input asp-for="Project.Actions[i].Name" class="form-control" />
                    <span asp-validation-for="Project.Actions[i].Name" class="text-danger"></span>
                </div>

                <div class="form-group">
                    <label asp-for="Project.Actions[i].Description"></label>
                    <textarea asp-for="Project.Actions[i].Description" class="form-control"></textarea>
                    <span asp-validation-for="Project.Actions[i].Description" class="text-danger"></span>
                </div>
            </div>
        }
    </div>

    <button type="submit" class="btn btn-primary">Save Changes</button>
</form>

3. （进阶）使用ViewModel简化绑定 #

如果你的关联数据结构比较复杂，直接绑定实体容易出错，建议创建专门的ViewModel来封装需要更新的数据，再映射到实体。

示例ViewModel：

public class ProjectEditViewModel
{
    public int Id { get; set; }
    [Required]
    public string Name { get; set; }
    public string Description { get; set; }
    public List<ActionEditViewModel> Actions { get; set; } = new List<ActionEditViewModel>();
}

public class ActionEditViewModel
{
    public int Id { get; set; }
    [Required]
    public string Name { get; set; }
    public string Description { get; set; }
}

然后在PageModel中使用ViewModel：

[BindProperty]
public ProjectEditViewModel ViewModel { get; set; }

public async Task<IActionResult> OnGetAsync(int? id)
{
    if (id == null) return NotFound();

    var project = await _context.Project.Include(p => p.Actions).FirstOrDefaultAsync(p => p.Id == id);
    if (project == null) return NotFound();

    // 映射实体到ViewModel
    ViewModel = new ProjectEditViewModel
    {
        Id = project.Id,
        Name = project.Name,
        Description = project.Description,
        Actions = project.Actions.Select(a => new ActionEditViewModel
        {
            Id = a.Id,
            Name = a.Name,
            Description = a.Description
        }).ToList()
    };

    return Page();
}

public async Task<IActionResult> OnPostAsync()
{
    if (!ModelState.IsValid) return Page();

    var projectFromDb = await _context.Project.Include(p => p.Actions).FirstOrDefaultAsync(p => p.Id == ViewModel.Id);
    if (projectFromDb == null) return NotFound();

    // 更新Project基础属性
    projectFromDb.Name = ViewModel.Name;
    projectFromDb.Description = ViewModel.Description;

    // 处理Actions
    foreach (var actionVm in ViewModel.Actions)
    {
        var existingAction = projectFromDb.Actions.FirstOrDefault(a => a.Id == actionVm.Id);
        if (existingAction != null)
        {
            existingAction.Name = actionVm.Name;
            existingAction.Description = actionVm.Description;
        }
        else if (actionVm.Id == 0)
        {
            projectFromDb.Actions.Add(new Action
            {
                Name = actionVm.Name,
                Description = actionVm.Description,
                ProjectId = projectFromDb.Id
            });
        }
    }

    await _context.SaveChangesAsync();
    return RedirectToPage("./Index");
}

为什么OnGet能拿到关联数据但OnPost不行？ #

简单来说：OnGet是你主动通过EF Core的Include方法从数据库加载了关联的Action数据；而OnPost中的Project对象是模型绑定器根据表单提交的字段新建的对象，它只会包含表单里有的字段，不会自动去数据库加载关联数据，所以需要我们手动处理关联集合的同步。

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