Question

我不明白为什么在我提交表单后验证没有开始。

我有这个VM。

public EditFooDetailVm {
  public int FooDetailIdVm { get; set; }

  public IEnumerable<EditFooVm> Foos { get; set; }
}

public class EditFooVm {
  public int FooId { get; set; }
  public int FooDropDownId { get; set; }
  public int Index { get; set; }

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

在我的控制器中：

var foo = _db.Foos
             .Select((f, i) => new EditFooDetailVm {
                 FooDetailIdVm = f.FooDetailId,
                 Foos = f.Foos
                         .Select(fs => new EditFooVm {
                             FooId = fs.FooId,
                             Index = i,
                             FooDropDown = fs.FooDropDown.ToSelectList(fd => fd.Name, fd => fd.Id)
                           })
               })

在我看来：

@Model.FooDetailIdVm
@foreach(var item in Model.Foos) {
  @Html.DropDownList("Foos[" + item.Index + "].FooDropDownId", item.FooDropDown, "Please select")
  <span class="field-validation-error" data-valmsg-for="Foos[@item.Index].FooDropDownId" data-valmsg-replace="true"></span>
}

我已经在页面中包含了validationjs但是一旦我提交了表单，即使我没有在下拉列表中选择任何内容，验证也不会显示在客户端。我甚至自己在渲染验证标记时手动创建标记。我错过了什么？任何帮助将非常感激。谢谢！

Answer 1

以这种方式使用foreach循环不会为您的模型提供正确的双向绑定。您通常需要for循环或自定义EditorTemplate，但如果在集合中使用DropDownList()，则需要EditorTemplate。移除Index媒体资源，将FooDropDown更改为SelectList

类型

public class EditFooVm {
  public int FooId { get; set; }
  [Required(ErrorMessage = "Please select a foo")]
  public int FooDropDownId { get; set; }
  public SelectList FooDropDown { get; set; }
}

并在控制器中

var foo = _db.Foos.Select(f => new EditFooDetailVm
{
  FooDetailIdVm = f.FooDetailId,
  Foos = f.Foos.Select(fs => new EditFooVm
  {
    FooId = fs.FooId,
    // Add FooDropDownId = ?? if you want to preselect an option
    FooDropDown = new SelectList(fs.FooDropDown, "Id", "Name")
  })
})

为typeof EditorTemplate

创建自定义EditFooVm

/Views/Shared/EditorTemplates/EditFooVm.cshtml

@model EditFooVm
@Html.DropDownListFor(m => m.FooDropDownId, Model.FooDropDown, "Please select")
@Html.ValidationMessageFor(m => m.FooDropDownId)
@Html.HiddenFor(m => m.FooId) // ??

然后在主视图中

@Model.FooDetailIdVm
@using(Html.BeginFor())
{
  @Html.HiddenFor(m => m.FooDetailIdVm) // ??
  @Html.EditorFor(m => m.Foos)
  ...
}

Html.EditorFor()帮助程序将正确呈现您的集合并为您提供双向绑定。

附注：它不清楚，但如果您的查询为每个下拉列表生成相同的选择列表，那么这效率不高，您应该生成一个选择列表（并将其分配给{中的属性） {1}}）。如果是这种情况，您可以使用其他视图数据将该选择列表传递给EditFooDetailVm

主视图

EditorTemplate

并在模板中

@Html.EditorFor(m => m.Foos, new { FooList = Model.FooDropDown})

提交表单后，selectlistitem验证消息不会启动

1 个答案: