Question

我正在尝试发布页面的一部分并将其绑定到控制器上的视图模型。我的SearchVM编辑器模板：

@Html.TextBoxFor(model => model.TestText, new { @class = "form-control ",
                 @placeholder = "TEXT" , @id="test" })
<input type="submit" value="Submit" />

Index.cshtml：

@using (Html.BeginForm("Search", "Pencil", FormMethod.Post, 
                       new { enctype = "multipart/form-data" }))
{
   @Html.EditorFor(model => model.SearchVM);
}

控制器：

  public ActionResult Search(SearchVM vm)
  {
     // ...
  }

当我在testText文本框中输入内容并点击提交时，我会触及搜索操作但vm.TestText为空，我无法将表单字段从编辑器模板绑定到视图模型。任何的想法？

Answer 1

这种情况正在发生，因为作为@model传递给您的视图的类包装了SearchVM类，当您调用@Html.EditorFor(model => model.SearchVM)时，它会使用前缀SearchVM呈现输入：

<input id="SearchVM_TestText" name="SearchVM.TestText" value="" ... />

反过来，当回发到控制器时，ModelBinder将无法将其反序列化为SearchVM

您可以做的是使用this EditorFor重载：

@Html.EditorFor(model => model.SearchVM, "_SearchVM", "");

其中_SearchVM是编辑器模板的名称。将""作为htmlFieldName参数传递将删除输入中不需要的SearchVM前缀。

MVC-Post页面部分 - 模型绑定失败

1 个答案: