Razor：如果模型是 List<>，则 @Html.LabelFor 创建空的“for”字段

如果模型是对象列表，那么@Html.LabelFor model => model[i].member)创建一个空的for属性。 DisplayName 工作正常，模型绑定也工作得很好。唯一不起作用的是for属性。

下面有两个版本的MVC代码。前 3 个代码片段适用于不起作用的模型、控制器和视图组合（模型是一个列表）。第二组 3 个代码片段有效。这次列表被包装在一个对象中。

我缺少什么？

Model:

public class ViewModel {
    public bool ClickMe { get; set; }
}

控制器：

public ActionResult LabelForViewModel() {
    List<ViewModel> model = new List<ViewModel>() {
        new ViewModel() { ClickMe = true}
    };
    return View(model);
}

View:

@model List<ModelBinding.Models.ViewModel>
// form code removed for brevity
@for (var i = 0; i < Model.Count; i++) {
    <div class="form-group">
        @Html.LabelFor(model => model[i].ClickMe)
        <div class="col-md-10">
            @Html.EditorFor(model => model[i].ClickMe, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model[i].ClickMe, "", new { @class = "text-danger" })
        </div>
    </div>
}

Markup:

<div class="form-group">
    <label for="">ClickMe</label>
    <div class="col-md-10">
        <input name="[0].ClickMe" class="form-control check-box" type="checkbox" checked="checked" value="true" data-val-required="The ClickMe field is required." data-val="true"><input name="[0].ClickMe" type="hidden" value="false">
        <span class="field-validation-valid text-danger" data-valmsg-replace="true" data-valmsg-for="[0].ClickMe"></span>
    </div>
</div>

请注意，for 字段为空，并且输入没有 id 字段（该字段用于“for”字段）。

我创建了一个包含对象列表的包装模型，修改了控制器和视图，然后它就可以正常工作了。在这种情况下，“for”字段已正确填写，一切都按预期进行。

public class ListWrapper {
    public List<ViewModel> ViewModels { get; set; }
}

View:

@for (var i = 0; i < Model.ViewModels.Count; i++) {
    <div class="form-group">
        @Html.LabelFor(model => model.ViewModels[i].ClickMe)
        <div class="col-md-10">
            @Html.EditorFor(model => model.ViewModels[i].ClickMe, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.ViewModels[i].ClickMe, "", new { @class = "text-danger" })
        </div>
    </div>
}

Markup:

<div class="form-group">
    <label for="ViewModels_0__ClickMe">ClickMe</label>
    <div class="col-md-10">
        <input name="ViewModels[0].ClickMe" class="form-control check-box" id="ViewModels_0__ClickMe" type="checkbox" checked="checked" value="true" data-val-required="The ClickMe field is required." data-val="true"><input name="ViewModels[0].ClickMe" type="hidden" value="false">
        <span class="field-validation-valid text-danger" data-valmsg-replace="true" data-valmsg-for="ViewModels[0].ClickMe"></span>
    </div>
</div>

所以，看来for仅当模型是对象列表时属性为空。

这是一个已知的问题？或者也许我错过了什么？

此行为是框架符合 HTML-4 规范的结果。在 HTML-4 中

ID 和 NAME 令牌必须以字母 ([A-Za-z]) 开头，后可跟任意数量的字母、数字 ([0-9])、连字符 ("-")、下划线 ("_") 、冒号（“:”）和句点（“.”）。

当您的模型是一个集合并且您使用@Html.EditorFor(m => m[i].SomeProperty)为了生成表单控件，该方法生成name and id基于属性名称的属性。在这种情况下name集合中第一项的属性将是

name="[0].SomeProperty"

但为了避免与 jQuery 选择器发生冲突，该方法替换., [, and ]带下划线的字符_当生成id属性会导致

id="_0__SomeProperty"

但因为根据 HTML-4 规范这是无效的，所以助手不会在 html 中输出它。

使用时同样适用@Html.LabelFor()（因为关联的表单控件不会有id属性，值forhtml 中不输出属性。

请注意，在 HTML-5 中，id属性将是有效的，所以希望这种行为将来会被删除。

你的第二个例子之所以有效，是因为id="ViewModels_0__ClickMe" 以字母开头，因此有效。

旁注：您可以通过生成自己的解决方案来解决第一个问题id属性，例如

@Html.LabelFor(model => model[i].ClickMe, new { for = string.Format("item{0}", i) })
@Html.EditorFor(model => model.ViewModels[i].ClickMe, new { htmlAttributes = new { @class = "form-control", id = string.Format("item{0}", i) } })