Question

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

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

我错过了什么？

型号：

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

控制器：

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

查看：

@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>
}

标记：

<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字段（在＆＃34; for＆＃34;字段中使用该字段）。

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

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

查看：

@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>
}

标记：

<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属性才为空。

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

Answer 1

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

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

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

name="[0].SomeProperty"

但为了避免与jQuery选择器冲突，该方法在生成.属性时用下划线[替换]，_和id个字符这将导致

id="_0__SomeProperty"

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

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

请注意，在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) } })

Answer 2

@model声明将模型对象分配给Model变量（注意大写'M'）。但是，您正在阅读model，但尚未分配。

试试这个：

  @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>
        }

这并不能解释为什么你的第二个例子会起作用，但是嘿，试一试。

剃刀：如果模型是List＆lt;＆gt;然后@ Html.LabelFor创建空＆＃34; for＆＃34;领域

2 个答案: