ASP.NET Core MVC中Partial视图提交的Technology值无法保存

项目中定义了Project实体类（包含Technology属性）和Technology实体类，完成Technology表种子数据初始化后，在Project模块的Create视图中通过Partial视图渲染Technology下拉选择框，提交表单保存数据时，选中的Technology值无法正常存入数据库。

初始实体定义 #

public class Project
{
    public int ProjectId { get; set; }

    [StringLength(60, MinimumLength = 3)]
    public string? ProjectName { get; set; }

    public string? Description { get; set; }

    public DateTime Start { get; set; }
    public DateTime? End { get; set; }

    public string? ProjectHead { get; set; }
    public string? Status { get; set; }
    public string? Technology { get; set; }
}

public class Technology
{
    public int TechnologyId { get; set; }
    public string? TechnologyName { get; set; }
}

初始控制器代码 #

public async Task<IActionResult> Create([Bind("ProjectId,ProjectName,Description,Start,End,ProjectHead,Status,Technology")] Project project)
{
    if (ModelState.IsValid)
    {
        _context.Add(project);
        await _context.SaveChangesAsync();
        return RedirectToAction(nameof(Index));
    }

    return View(project);
}

初始视图代码 #

Create主视图 #

<div class="row">
    <partial name="_Technologypartial" />
</div>

Technology下拉框Partial视图 #

@model TeamManagement.Models.Technology

<div class="row">
    <div class="form-group col-md-6">
        <label>Technology</label>
        <br />
        <select asp-for="TechnologyId" class="form-control" asp-items="@(new SelectList(ViewBag.Technology,"TechnologyId","TechnologyName"))">
        </select>
    </div>
</div>

调整后仍失效的代码 #

视图调整部分 #

<div class="row">
    <partial name="_Technologypartial" model="@Model.technology" />
</div>

控制器调整部分 #

// GET Create动作
{
    var list = _context.Technology.ToList();

    List<SelectListItem> dropdown = new List<SelectListItem>();
    foreach (var item in list)
    {
        dropdown.Add(new SelectListItem()
        {
            Text = item.TechnologyName,
            Value = item.TechnologyId.ToString()
        });
    }

    PartialViewData model = new PartialViewData();
    ViewBag.Technology = dropdown;
    return View(model);
}

// POST Create动作
[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Create(PartialViewData model)
{
    if (ModelState.IsValid)
    {
        Project project = new Project()
        {
            ProjectId = model.project.ProjectId,
            ProjectName = model.project.ProjectName,
            Description = model.project.Description,
            Start = model.project.Start,
            End = model.project.End,
            ProjectHead = model.project.ProjectHead,
            Status = model.project.Status,
            Technology = model.technology.TechnologyId.ToString()
        };
        _context.Add(project);
        await _context.SaveChangesAsync();
        return RedirectToAction(nameof(Index));
    }

    return View(model);
}

按照上述方式调整后，Technology选中值仍无法正常保存。

两次调整都没解决问题，核心是模型绑定的字段名和提交的表单name属性不匹配：

• 最初版本里，Partial没有传入正确模型，下拉框绑定的TechnologyId和Project实体里的字符串类型Technology字段完全不对应，表单提交的字段名是TechnologyId，后端接口期望接收的字段名是Technology，模型绑定直接失败，值无法被捕获存入数据库。
• 后续调整时，定义的PartialViewData中属性使用了小写开头的project、technology，ASP.NET Core的模型绑定默认匹配大驼峰命名的公共属性，小写开头的属性无法被识别，提交上来的值根本填充不到model.technology中，赋值时自然拿不到选中的ID。
• 给Partial传参时模型类型不匹配，下拉框生成的name属性层级和后端模型结构不匹配，也会导致绑定失败。

步骤1：修正视图模型的属性命名 #

C#模型绑定对属性名大小写敏感，公共属性必须使用大驼峰命名：

public class PartialViewData
{
    public Project Project { get; set; } = new Project();
    public Technology Technology { get; set; } = new Technology();
}

步骤2：修正Partial视图的绑定逻辑 #

不需要单独给Partial传Technology模型，直接绑定Project实例的Technology字段即可，修改_Technologypartial.cshtml：

@model TeamManagement.Models.Project

<div class="row">
    <div class="form-group col-md-6">
        <label class="form-label">Technology</label>
        <select asp-for="Technology" class="form-control" asp-items="ViewBag.Technology">
            <option value="">请选择技术栈</option>
        </select>
    </div>
</div>

如果需要存储Technology的ID，可直接将Project类的Technology属性改为int类型的TechnologyId，下拉框直接绑定该字段即可，不需要额外做字符串转换。

步骤3：修正主视图调用Partial的传参 #

Create主视图的模型为PartialViewData，调用Partial时传入Model.Project作为模型，其余Project相关表单字段统一绑定Model.Project的对应属性：

@model PartialViewData
<!-- 其余表单字段示例：<input asp-for="Project.ProjectName" class="form-control" /> -->
<div class="row">
    <partial name="_Technologypartial" model="Model.Project" />
</div>

步骤4：修正控制器的GET和POST逻辑 #

// GET: Create
public IActionResult Create()
{
    var technologyList = _context.Technology.ToList();
    // 如果存技术ID，SelectList的value字段改为nameof(Technology.TechnologyId)
    ViewBag.Technology = new SelectList(technologyList, nameof(Technology.TechnologyName), nameof(Technology.TechnologyName));
    var model = new PartialViewData();
    return View(model);
}

// POST: Create
[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Create(PartialViewData model)
{
    if (ModelState.IsValid)
    {
        // 模型绑定成功后不需要手动逐个赋值，直接使用绑定完成的Project实例即可
        _context.Add(model.Project);
        await _context.SaveChangesAsync();
        return RedirectToAction(nameof(Index));
    }
    // 模型验证失败时重新给下拉框赋值，避免视图渲染报错
    var technologyList = _context.Technology.ToList();
    ViewBag.Technology = new SelectList(technologyList, nameof(Technology.TechnologyName), nameof(Technology.TechnologyName));
    return View(model);
}

可选规范优化（推荐） #

如果后续需要关联查询Project对应的Technology详情，建议按照EF Core的规范给Project类添加外键和导航属性，不要用字符串存储关联值：

public class Project
{
    public int ProjectId { get; set; }
    // 其余属性省略
    public int TechnologyId { get; set; } // 外键字段
    public Technology? TechnologyNav { get; set; } // 导航属性
}

这种写法下拉框直接绑定TechnologyId即可，不需要额外类型转换，关联查询时可以直接通过导航属性取Technology的完整数据，可维护性更高。

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