templates - MVC 模板化助手 - DropDown

Question

在 MVC2.0 中使用模板化助手时，我遇到了一个难题，如何让项目填充下拉列表。我正在使用 [UIHint(BadgesDropDown)] 属性，但是如何在不违反 MVC 模式的情况下获取列表项， Controller 是否应该将它们放置在 ViewData 中？ BadgesDropDown.ascx 是否应该调用 Helper 来获取它们？

现在我要去:

BadgesDropDown.ascx

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<%= Html.DropDownList("", ViewData["Badges"] as IEnumerable<SelectListItem>)%>

Controller

ViewData["Badges"] = new SelectList(SiteRepository.GetBadges(), "RowKey", "BadgeName");

这是要走的路吗？

Answer 1

最近关于这个话题的讨论很多。日期、日期范围和多选复选框列表也会遇到类似的障碍。任何您可能想要使用一组丰富的 html 控件的地方。我一直在尝试子 ViewModel 的概念，我认为该解决方案比我尝试过的其他方法更清晰。

基本概念是定义一个与自定义 EditorTemplate 紧密耦合的小型 View 模型。

在您的示例中，我们将从特定于单个选择列表的(子)ViewModel 开始:

public class SelectModel
{
  #region SelectModel(string value, IEnumerable<SelectListItem> items)
  public SelectModel(string value, IEnumerable<SelectListItem> items)
  {
    _value = value;
    Items = new List<SelectListItem>(items);

    _Select();
  } 
  #endregion

  // Properties

  public List<SelectListItem> Items { get; private set; }

  public string Value
  { 
    get { return _value; }
    set { _value = value; _Select();}
  }
  private string _value;

  // Methods

  private void _Select()
  {
    Items.ForEach(x => x.Selected = (Value != null && x.Value == Value));
  }
}

在想要使用下拉列表的 View 模型中，您组成选择模型(我们都在使用 View 模型，对吧？):

public class EmailModel
{
  // Constructors

  public EmailModel()
  {
    Priority = new SelectModel("normal", _ToPrioritySelectItems());
  }

  // Properties

  public SelectModel Priority { get; set; }

  // Methods

  private IEnumerable<SelectListItem> _ToPrioritySelectItems()
  {
    List<SelectListItem> result = new List<SelectListItem>();

    result.Add(new SelectListItem() { Text = "High", Value = "high" });
    ...
  }

请注意，这是一个带有一组固定下拉项的简单示例。如果它们来自域层， Controller 会将它们传递到 ViewModel 中。

然后在Shared/EditorTemplates中添加编辑器模板SelectModel.ascx

<%@ Control Inherits="System.Web.Mvc.ViewUserControl<SelectModel>" %>

<div class="set">
  <%= Html.LabelFor(model => model) %>
  <select id="<%= ViewData.ModelMetadata.PropertyName %>_Value" name="<%=ViewData.ModelMetadata.PropertyName %>.Value">
  <% foreach (var item in Model.Items) { %>
    <%= Html.OptionFor(item) %>
  <% } %>
  </select>
</div>

注意:OptionFor 是一个自定义扩展，可以完成显而易见的事情

这里的技巧是使用默认 ModelBinder 期望的复合格式设置 id 和 name。在我们的示例中“Priority.Value”。因此，直接设置定义为 SelectModel 一部分的基于字符串的 Value 属性。如果我们需要重新显示表单， setter 负责更新项目列表以设置默认选择选项。

这种“ subview 模型”方法真正的亮点是更复杂的“标记控制片段”。我现在有 subview 模型，对于多选列表、开始/结束日期范围以及日期 + 时间组合遵循类似的方法。

一旦你沿着这条路走下去，下一个明显的问题就是验证。

我最终让我的所有子 ViewModel 实现了一个标准接口(interface):

public interface IValidatable
{
  bool HasValue { get; }
  bool IsValid { get; }
}

然后，我有一个自定义的 ValidationAttribute:

public class IsValidAttribute : ValidationAttribute
{
  // Constructors

  public IsValidAttribute()
  {
    ErrorMessage = "(not valid)";
  }

  // Properties

  public bool IsRequired { get; set; }

  // Methods

  private bool Is(object value)
  {
    return value != null && !"".Equals(value);
  }

  public override bool IsValid(object value)
  {
    if (!Is(value) && !IsRequired)
      return true;

    if (!(value is IValidatable))
      throw new InvalidOperationException("IsValidAttribute requires underlying property to implement IValidatable");

    IValidatable validatable = value as IValidatable;
    return validatable.IsValid;
  }
}

现在您可以像任何标量属性一样将属性放在基于子 ViewModel 的属性上:

[IsValid(ErrorMessage = "Please enter a valid start date/time")]
public DateAndTimeModel Start { get; set; }