EditorFor IEnumerable <t> with TemplateName </t>

时间:2012-12-26 09:17:55

标签: c# asp.net-mvc asp.net-mvc-3 asp.net-mvc-4 razor

假设我有一个简单的模型来解释目的:

public class Category
{
    ...
    public IEnumerable<Product> Products { get; set; }
}

查看:

@model Category
...
<ul>
    @Html.EditorFor(m => m.Products)
</ul>

EditorTemplate:

@model Product
...
<li>
    @Html.EditorFor(m => m.Name)
</li>

请注意,我不必为IEnumerable<Product>定义EditorTemplate,我只能为Product模型创建它,而MVC框架足够聪明,可以使用自己的IEnumerable模板。它遍历我的集合并调用我的EditorTemplate。

输出html将是这样的

...
<li>
    <input id="Products_i_Name" name="Products[i].Name" type="text" value="SomeName">
</li>

毕竟我可以发布到我的控制器。

但是当我使用模板名定义EditorTemplate时,为什么MVC不能解决这个问题?

@Html.EditorFor(m => m.Products, "ProductTemplate")

在这种情况下,我必须将属性的类型更改为IList<Product>,自己遍历集合并调用EditorTemplate

@for (int i = 0; i < Model.Products.Count; i++)
{
    @Html.EditorFor(m => m.Products[i], "ProductTemplate")
}

对我来说这似乎是一种肮脏的解决方法。这样做是否是其他更清洁的解决方案?

3 个答案:

答案 0 :(得分:16)

在那里,我现在只欠Darin 9999啤酒。

    public static MvcHtmlString EditorForMany<TModel, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, IEnumerable<TValue>>> expression, string templateName = null) where TModel : class
    {
        StringBuilder sb = new StringBuilder();

        // Get the items from ViewData
        var items = expression.Compile()(html.ViewData.Model);
        var fieldName = ExpressionHelper.GetExpressionText(expression);
        var htmlFieldPrefix = html.ViewContext.ViewData.TemplateInfo.HtmlFieldPrefix;
        var fullHtmlFieldPrefix = String.IsNullOrEmpty(htmlFieldPrefix) ? fieldName : String.Format("{0}.{1}", htmlFieldPrefix, fieldName);
        int index = 0;

        foreach (TValue item in items)
        {
            // Much gratitude to Matt Hidinger for getting the singleItemExpression.
            // Current html.DisplayFor() throws exception if the expression is anything that isn't a "MemberAccessExpression"
            // So we have to trick it and place the item into a dummy wrapper and access the item through a Property
            var dummy = new { Item = item };

            // Get the actual item by accessing the "Item" property from our dummy class
            var memberExpression = Expression.MakeMemberAccess(Expression.Constant(dummy), dummy.GetType().GetProperty("Item"));

            // Create a lambda expression passing the MemberExpression to access the "Item" property and the expression params
            var singleItemExpression = Expression.Lambda<Func<TModel, TValue>>(memberExpression,
                                                                               expression.Parameters);

            // Now when the form collection is submitted, the default model binder will be able to bind it exactly as it was.
            var itemFieldName = String.Format("{0}[{1}]", fullHtmlFieldPrefix, index++);
            string singleItemHtml = html.EditorFor(singleItemExpression, templateName, itemFieldName).ToString();
            sb.AppendFormat(singleItemHtml);
        }

        return new MvcHtmlString(sb.ToString());
    }

答案 1 :(得分:13)

  

是否有其他更清洁的解决方案?

简单的答案是否定的,它很糟糕,我完全赞同你,但这就是框架的设计者决定实现这个功能的方式。

所以我所做的就是坚持惯例。由于我对每个视图和局部视图都有特定的视图模型,因此使用相应的编辑器模板并不是什么大问题,其命名方式与集合的类型相同。

答案 2 :(得分:0)

我决定编写一个库,以提供一种更干净的方法来解决此问题。使用它,您可以为列表的每个部分指定单独的模板,并且可以同时用于显示和编辑:

@Html.DisplayListFor(x => x.Books,
    itemTemplate: "BookViewModel",
    itemContainerTemplate: "ContainerForMyItem"
    listTemplate:  "MyList"
    listContainerTemplate: "ContainerForMyList")

请注意,自定义是可选的,您可以编写

@Html.DisplayListFor(x => x.Books)

@Html.ListEditorFor(x => x.Books)

它应该可以正常工作。

该库称为Dynamic View-Model Lists,在NuGet上可用。