首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >带有TemplateName的EditorFor IEnumerable<T>

带有TemplateName的EditorFor IEnumerable<T>
EN

Stack Overflow用户
提问于 2012-12-26 17:17:55
回答 2查看 11.6K关注 0票数 21

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

代码语言:javascript
复制
public class Category
{
    ...
    public IEnumerable<Product> Products { get; set; }
}

查看:

代码语言:javascript
复制
@model Category
...
<ul>
    @Html.EditorFor(m => m.Products)
</ul>

EditorTemplate:

代码语言:javascript
复制
@model Product
...
<li>
    @Html.EditorFor(m => m.Name)
</li>

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

输出的html如下所示

代码语言:javascript
复制
...
<li>
    <input id="Products_i_Name" name="Products[i].Name" type="text" value="SomeName">
</li>

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

但是,当我使用模板名称定义EditorTemplate时,为什么MVC不能做到这一点呢?

代码语言:javascript
复制
@Html.EditorFor(m => m.Products, "ProductTemplate")

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

代码语言:javascript
复制
@for (int i = 0; i < Model.Products.Count; i++)
{
    @Html.EditorFor(m => m.Products[i], "ProductTemplate")
}

在我看来,这是一种肮脏的变通方法。有没有其他更干净的解决方案来做到这一点?

EN

回答 2

Stack Overflow用户

发布于 2013-09-24 14:56:29

现在我只欠Darin 9999瓶啤酒了。

代码语言:javascript
复制
    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());
    }
票数 16
EN

Stack Overflow用户

发布于 2020-05-13 14:55:30

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

代码语言:javascript
复制
@Html.DisplayListFor(x => x.Books,
    itemTemplate: "BookViewModel",
    itemContainerTemplate: "ContainerForMyItem"
    listTemplate:  "MyList"
    listContainerTemplate: "ContainerForMyList")

注意,定制是可选的,您可以简单地编写

代码语言:javascript
复制
@Html.DisplayListFor(x => x.Books)

代码语言:javascript
复制
@Html.ListEditorFor(x => x.Books)

而且它应该能正常工作。

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14038392

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档