EditorTemplate DropDown 得到错误的 id 并且无法得到验证答案

【问题标题】：EditorTemplate DropDown gets wrong id and cant get validatedEditorTemplate DropDown 得到错误的 id 并且无法得到验证
【发布时间】：2014-02-16 23:09:40
【问题描述】：

我用这段代码在 MVC 4 中创建了一个 EditorTemplate：

@model Drexx.Models.Account
@Html.DropDownListFor(model => model.LevelId, (IEnumerable<SelectListItem>)ViewBag.LevelId, String.Empty)

我的视图有这个代码：

@Html.EditorForModel();

我的模型有这个代码：

[UIHint("LevelDropDown")]
[DisplayName("Level")]
public int LevelId { get; set; }
public virtual Level Level { get; set; }

我的控制器在 Get 中有这个代码：

ViewBag.LevelId = new SelectList(db.Level, "Id", "Name");

我的控制器在帖子中有这个代码：

ViewBag.LevelId = new SelectList(db.Level, "Id", "Name", account.LevelId);

这是我运行源代码时的样子：

<select data-val="true" data-val-number="The field Level must be a number." data-val-required="Feltet Level skal udfyldes." id="LevelId_LevelId" name="LevelId.LevelId">
    <option value=""></option>
    <option value="1">Normal</option>
    <option value="2">Admin</option>
</select>
<span class="field-validation-valid" data-valmsg-for="LevelId" data-valmsg-replace="true"></span>

为什么将下拉列表的 id 设置为“LevelId_LevelId”并将名称设置为“LevelId.LevelId”？下拉菜单有效并显示了它应该显示的内容，但验证不起作用，因为 id/name 错误。验证突出显示下拉菜单，但不显示错误消息。

在我将它移到 EditorTemplate 之前/在我开始使用 EditorForModel 之前，下拉菜单工作得非常好

我是 EditorTemplates 的新手，所以很难弄清楚是什么原因造成的。

【问题讨论】：

标签： validation asp.net-mvc-4 drop-down-menu mvc-editor-templates

【解决方案1】：

这里似乎有些混乱。您已经使用指向自定义 LevelDropDown.cshtml 编辑器模板的 UIHint 属性修饰了您的 LevelId 整数属性，但您的编辑器模板似乎被强类型化为 Drexx.Models.Account 模型，这是不正确的。

让我们举个例子来说明如何实现这一目标。在 ASP.NET MVC 中，您首先要设计包含视图可能需要的必要属性的视图模型：

public class AccountViewModel
{
    [DisplayName("Level")]
    public int LevelId? { get; set; }

    public IEnumerable<SelectListItem> Levels { get; set; }
}

然后你编写一个控制器动作来填充这个视图模型并将它传递给视图：

public ActionResult Index()
{
    var model = new AccountViewModel();
    model.LevelId = 123; // some value that you want to be used to preselect some element of the dropdown
    model.Levels = new SelectList(db.Level, "Id", "Name");

    return View(model);
}

然后在对应的视图中：

@model AccountViewModel
...
@Html.EditorForModel()

然后在~/Views/Shared/EditorTemplates/AccountViewModel.cshtml:

@model AccountViewModel
@Html.DropDownListFor(x => x.LevelId, Model.Levels, string.Empty)

您还可以指定模板的名称：

@Html.EditorForModel("Foo")

它将寻找~/Views/Shared/EditorTemplates/Foo.cshtml 模板。

当您有一些更复杂的父视图模型时，可以使用UIHint 属性。例如：

public class MyViewModel
{
    UIHint("LevelDropDown")
    public AccountViewModel Account { get; set; }

    ...
}

【讨论】：

如果不是帐户，我的编辑器模板应该被强输入到什么？除了不使用 ViewBag 之外，看不到你在做什么。
您的编辑器模板是强类型帐户，但您将 UIHint 属性放置在整数属性上。另外因为我没有使用 ViewBag，所以我有 2 个不同名称的不同属性，这是正确的方法。在您的 ViewBag 案例中，您有一个 ViewBag.LevelId 应该包含一些集合，另一方面，您有一个 LevelId 属性，其名称完全相同，是一个整数。
如果我将 UIHint 放在“public AccountViewModel Account”上，我会得到：“属性 'UIHint' 在此声明类型上无效。它仅在“属性、索引器、字段”声明上有效。 "如果我将 UIHint 放在“public virtual Level Level { get; set; }”上，我会得到“传递到字典中的模型项的类型为‘System.Int32’，但该字典需要‘Drexx.Models’类型的模型项。帐户'。”我也通过“public int LevelId { get; set; }”获得它
我将在帐户表单上有 3-4 个下拉菜单
在这种情况下，编写一个具有 2 个属性的视图模型：一个整数属性和一个 IEnumerable<SelectListItem> 属性。然后在您的主视图模型中，您可以拥有一个用 UIHint 属性装饰的此类属性。

【解决方案2】：

我找到了解决办法。

模型应如下所示：

[DisplayName("Level")]
[UIHint("LevelId")]
[Required]
public int? LevelId { get; set; }

EditorTemplate 应该如下所示：

@model int?
@Html.DropDownListFor(model => model, (IEnumerable<SelectListItem>)ViewBag.LevelId, String.Empty)

输入“？”非常重要在 int 之后，因为我在下拉菜单中有一个默认值。

我不必为下拉菜单创建 ViewModel。

这就是源最终修复该问题的方式：

<div class="editor-field">
    <select data-val="true" data-val-number="The field Level must be a number." data-val-required="Feltet Level skal udfyldes." id="LevelId" name="LevelId">
        <option value=""></option>
        <option value="1">Normal</option>
        <option value="2">Admin</option>
    </select>
    <span class="field-validation-valid" data-valmsg-for="LevelId" data-valmsg-replace="true"></span>
</div>

感谢 Darin Dimitrov 的所有建议，但它们对我没有用。

【讨论】：