ASP.NET Controller修改Model数据后视图未同步更新的问题

在ASP.NET MVC项目中，控制器修改Model数据后，视图依然显示提交时的原始数据，所有修改操作被忽略。例如以下代码中，即使重置了Note、Title为null并修改Author，视图仍保持提交时的原始值：

控制器代码 #

public ActionResult EditNote(NotesModel model)
{      
    model.Author = Session["UserName"].ToString();      
    model.Note = null;
    model.Title = null;
    return View(model);
}

背景说明 #

需求是实现笔记编辑权限控制：仅允许笔记作者编辑已有笔记，非作者访问时清空Model，显示空白页面用于创建新笔记。正常编辑流程无问题，但清空Model让页面空白的操作失效。

视图代码 #

@model WebsiteProject.Models.NotesModel

@{
    ViewBag.Title = "";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section Sidebar
{
    <div id="sidebarheadericon" style="background-image: url('../Content/icons/apps.png')"></div>
    <div id="headertext"><h1>Welcome</h1></div>
    <hr id="seperator" />
    <p class="psidebar">test</p>
    <p>
        @Html.ActionLink("Create New", "EditNote")
    </p>
}

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

<div class="form-horizontal">
    <h1>NotesModel</h1>
    <hr />
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })

    <p class="control-label">Note by @Session["UserName"].ToString()</p>

    <div class="form-group">
        @Html.LabelFor(model => model.Title, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Title, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Title, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Note, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Note, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Note, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" value="Create" class="largebtn" />
        </div>
    </div>
    <p class="text-danger">@ViewBag.NoteViewError</p>
</div>

}

<div>
    @Html.ActionLink("Back to List", "NoteApp")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

问题原因 #

ASP.NET MVC的ModelState会自动保存提交的表单值，Html.EditorFor等表单辅助方法渲染时，会优先读取ModelState中的值，而非修改后的Model对象属性值。因此即使在控制器中修改了Model，只要ModelState中存在原始提交数据，视图就会显示旧值。

解决方案 #

方案1：清除ModelState #

在修改Model后，调用ModelState.Clear()清除所有表单状态，让辅助方法读取修改后的Model值：

public ActionResult EditNote(NotesModel model)
{      
    model.Author = Session["UserName"].ToString();      
    model.Note = null;
    model.Title = null;
    ModelState.Clear(); // 清除ModelState中的原始数据
    return View(model);
}

方案2：创建新的Model实例 #

不修改传入的Model对象，而是新建一个NotesModel实例并赋值，避免ModelState的影响：

public ActionResult EditNote(NotesModel model)
{      
    var newModel = new NotesModel();
    newModel.Author = Session["UserName"].ToString();      
    // 新实例的Note、Title默认值为null，无需额外赋值
    return View(newModel);
}

方案3：移除特定字段的ModelState #

如果需要保留其他字段的验证信息，可单独移除目标字段的状态，而非全部清除：

public ActionResult EditNote(NotesModel model)
{      
    model.Author = Session["UserName"].ToString();      
    model.Note = null;
    model.Title = null;
    // 移除指定字段的ModelState
    ModelState.Remove("Title");
    ModelState.Remove("Note");
    ModelState.Remove("Author");
    return View(model);
}

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