如何创建适用于现有数据的编辑器模板？

Question

我创建了一个编辑器模板来显示表单中包含的文本框。

    @model WebApplication1.Models.PersonViewModel

<input type="text" class="form-control" name="@ViewData.TemplateInfo.HtmlFieldPrefix" value=""/>

我只是想在用于收集此模型数据的所有输入文本框中包含“表单控件”类。

public class PersonViewModel
{ 
    [UIHint("_TextFormControl")]
    public string FirstName { get; set; }
    [UIHint("_TextFormControl")]
    public string LastName { get; set; }
    public int Age { get; set; }

}  

当表单开始为空白时，这很有效，但是，当我将模板用于预先填充了数据的表单时，例如当我想编辑现有模型时，我收到错误消息：“模型项传入该字典的类型为“System.String”，但该字典需要一个“WebApplication1.Models.PersonViewModel”类型的模型项。”

这是我的控制器：

 // GET: /Person/Edit/5
    [HttpGet]
    public ActionResult Edit(int? id)
    {
        if (id == null)
        {
            return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
        }

        Person person = db.Persons.Find(id);

        if (person == null)
        {
            return HttpNotFound();
        }

        return View(person);
    }

如何允许此编辑器用于现有数据以及新表单？

Answer 1

您已经为 typeof PersonViewModel 创建了一个 EditorTemplate，但您使用 [UIHint("_TextFormControl")] 应用于 typeof string 意味着您将 string 传递给模板，而不是 PersonViewModel。目前尚不清楚您在此处尝试实现的目标，但根据您当前的模型，模板需要是

@model String
@Html.TextBox("") // or @Html.TextBoxFor(m => m)

但这与在视图中使用@Html.EditorFor(m => m.FirstName)（或TextBoxFor()）相同。您可能会这样做的一个原因是生成多个 html 元素，例如

@model String
@Html.Label("")
@Html.TextBox("")
@Html.ValidationMessage("")

这样在主视图中使用@Html.EditorFor(m => m.FirstName) 会为验证消息生成标签、文本框和占位符。

但是，使用自定义编辑器模板的真正好处之一是当您将它们用于复杂类型并希望这些类型具有一致的 UI 时。例如，您可以为 typeof PersonViewModel 创建一个模板。在/Views/Shared/EditorTemplates/PersonViewModel.cshtml中（注意模板名称必须与类型名称匹配）

@model WebApplication1.Models.PersonViewModel
<div>
  @Html.LabelFor(m => m.FirstName)
  @Html.TextBoxFor(m => m.FirstName)
  @Html.ValidationMessageFor(m => m.FirstName)
</div>
<div>
  @Html.LabelFor(m => m.LastName)
  @Html.TextBoxFor(m => m.LastName)
  @Html.ValidationMessageFor(m => m.LastName)
</div>
.... // ditto for other properties of PersonViewModel

然后在主视图中

@model WebApplication1.Models.PersonViewModel
@Html.EditorFor(m => m)

这也适用于PersonViewModel 的集合，并为集合中的每个PersonViewModel 生成一个编辑器模板

@model IEnumerable<WebApplication1.Models.PersonViewModel>
@Html.EditorFor(m => m)

同样，如果您有另一个模型包含属性public PersonViewModel Person { get; set; }，您可以使用@Html.EditorFor(m => m.Person)

旁注：

1. 您声称​​“当表单开始为空白时效果很好” 意味着您没有将 PersonViewModel 的新实例传递给您的 在“创建”方法中查看是不好的做法。你的控制器 方法应该将一个实例传递给视图。
2. 您当前在其中手动构建输入元素的模板 不会起作用，因为您从未设置过 value 属性。在 此外，您不添加用于客户端的 data-val-* 属性 侧面验证。始终使用强类型的 html 助手 生成您的 html，以便您获得正确的 2-way 模型绑定并采取 充分利用 MVC 的所有内置功能。