asp.net-mvc-3 - 将自定义数据属性添加到 htmlMVC Razor 视图中 @Html.EditorFor 中的标记

Question

我想为我的选择列表中的每个选项添加一个自定义数据属性，我可以使用 jQuery.data() 或 .attr() 来实现。

但是，我正在使用以下 html 帮助程序设置我的选择列表：

@Html.EditorFor(x => x.MySelect, MVC.Shared.Views.EditorTemplates.KeyValuePairSelectList, new { SelectListOptions = Model.MySelectList})

有没有办法在 EditorFor 的新{} 方法中做到这一点？

Answer 1

我将尝试使用以下两种方法中的任何一种，

1.使用自定义编辑器模板

假设我们要将MyModel数组显示为下拉列表，并将属性SomeProperty1显示SomeProperty2为<option>元素中的数据属性。

    public class MyModel
    {
      public int Id { get; set; }
      public string Value { get; set; }
      public string SomeProperty1 { get; set; }
      public string SomeProperty2 { get; set; }
    }

  // CustomSelectList.cshtml (editor template)
  @model MyModel[]

  <select>
  @foreach (var i in Model)
  {
    <option name="@i.Id" data-attr-1="@i.SomeProperty1" data-attr-2="@i.SomeProperty2">@i.Value</option>
  }
  </select>

2. 使用模板化的 Razor 代理

    public static class RazorExtensions
    {
      public static HelperResult List<T>(this IEnumerable<T> items,
        Func<T, HelperResult> template)
      {
        return new HelperResult(writer =>
        {
          foreach (var item in items)
          {
            template(item).WriteTo(writer);
          }
        });
      }
    }

  // Model is MyModel[]
  <select>
  @Model.List(@<option name="@item.Id" data-attr-1="@item.SomeProperty1" data-attr-2="@item.SomeProperty2">@item.Value</option>)
  </select>

Answer 2

我认为您可能需要拥有自己的编辑器扩展来执行此操作。