使用Html.HiddenFor导致模型数据全部丢失的技术问询

首先得先指出一个容易忽略的拼写错误：你的模型里属性是removeStep，但视图里写的是remvoveSte...（多了个m），这会直接导致该子模型的绑定失败，先把这个拼写错误修正！

接下来咱们聊聊核心问题的根源和解决方案：

问题根源 #

ASP.NET MVC的模型绑定器需要表单字段的名称和模型的属性路径完全匹配（比如p.LOB），才能正确实例化并填充子模型。如果你只提交了子模型的某一个属性（比如p.LOB），模型绑定器不会自动为你实例化完整的PModel对象，更不会保留其他未提交的属性值，最终就会导致子模型的其他数据丢失，甚至整个子模型变成null。

解决方案 #

根据你的需求，有几种可行的方案：

1. 手动渲染子模型的所有必要隐藏字段 #

如果你需要保留子模型的所有数据，得把每个属性都用HiddenFor输出到表单中，这样提交时所有属性值都会被传递到后端：

@using (Html.BeginForm("RemovePStep", "PFilter", FormMethod.Post, new { @class = "form-horizontal" }))
{
    <!-- 渲染PModel的所有属性为隐藏字段 -->
    @Html.HiddenFor(m => m.p.LOB)
    @Html.HiddenFor(m => m.p.Property1)
    @Html.HiddenFor(m => m.p.Property2)
    <!-- 渲染RemoveStep的其他需要保留的属性 -->
    @Html.HiddenFor(m => m.removeStep.StepId)
    @Html.HiddenFor(m => m.removeStep.PropertyA)

    <div class="form-group">
        <!-- 你的可见输入控件，比如TextBoxFor -->
        @Html.TextBoxFor(m => m.removeStep.VisibleProperty)
    </div>

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

缺点是如果子模型属性很多，代码会很繁琐，还容易遗漏字段。

2. 使用EditorTemplate自动渲染子模型的隐藏字段 #

这是更优雅的方式：为每个子模型创建EditorTemplate，模板里渲染所有需要隐藏的属性，然后在主视图中调用EditorFor自动生成所有字段。

步骤1：创建EditorTemplate

在Views/Shared/EditorTemplates目录下创建PModel.cshtml：

@model PModel
<!-- 渲染PModel的所有属性为隐藏字段 -->
@Html.HiddenFor(m => m.LOB)
@Html.HiddenFor(m => m.Property1)
@Html.HiddenFor(m => m.Property2)

同样创建RemoveStep.cshtml：

@model RemoveStep
<!-- 渲染需要保留的属性为隐藏字段 -->
@Html.HiddenFor(m => m.StepId)
@Html.HiddenFor(m => m.PropertyA)

步骤2：在主视图中使用EditorFor

@using (Html.BeginForm("RemovePStep", "PFilter", FormMethod.Post, new { @class = "form-horizontal" }))
{
    <!-- 自动渲染PModel的所有隐藏字段 -->
    @Html.EditorFor(m => m.p)
    <!-- 自动渲染RemoveStep的隐藏字段 -->
    @Html.EditorFor(m => m.removeStep)

    <div class="form-group">
        <!-- 你的可见输入控件 -->
        @Html.TextBoxFor(m => m.removeStep.VisibleProperty)
    </div>

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

这种方式代码更简洁，也不容易遗漏字段，适合子模型属性较多的场景。

3. 使用TempData暂存原始模型数据 #

如果子模型的数据不需要用户修改，只是在提交时传递，可以在GET请求时把完整的模型存入TempData，POST时取出并合并提交的新数据：

GET方法代码：

public ActionResult RemovePStep()
{
    // 初始化完整的模型，比如从数据库或其他地方获取PModel数据
    var model = new ViewRemoveStep
    {
        p = GetPModelData(),
        removeStep = new RemoveStep()
    };
    // 存入TempData，保留到下一次请求
    TempData["ViewRemoveStep"] = model;
    return View(model);
}

POST方法代码：

[HttpPost]
public ActionResult RemovePStep(ViewRemoveStep submittedModel)
{
    // 从TempData取出原始模型
    var originalModel = TempData["ViewRemoveStep"] as ViewRemoveStep;
    if (originalModel != null)
    {
        // 合并数据：保留原始的p模型，用提交的removeStep更新
        originalModel.removeStep = submittedModel.removeStep;
        // 或者只更新removeStep中用户提交的字段（更安全）
        // TryUpdateModel(originalModel.removeStep, "removeStep");

        // 这里处理你的业务逻辑，比如删除步骤
        // RemoveStepLogic(originalModel);
    }

    // 后续跳转或返回视图
    return RedirectToAction("Index");
}

注意：TempData的生命周期是一次请求，所以如果用户刷新POST后的页面，TempData会被清空，需要做相应的异常处理。

额外注意事项 #

• 确保子模型的所有属性都是public且带有get; set;，模型绑定器才能访问并填充它们。
• 检查表单字段的名称是否和模型属性路径完全匹配（大小写敏感），拼写错误是模型绑定失败的常见原因。

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