在TagBuilder中使用显示模板

Question

我正在尝试构建一个输出表行的HtmlHelper扩展：

public static MvcHtmlString AddRow(this HtmlHelper helper, string label, params object[]  values)
{
    TagBuilder tdBuilder = new TagBuilder("td");
    tdBuilder.MergeAttribute("colspan", "4");
    tdBuilder.AddCssClass("no-bg");
    TagBuilder divBuilder = new TagBuilder("div");
    divBuilder.AddCssClass("column-label");
    divBuilder.AddCssClass("column-align-left");
    divBuilder.InnerHtml = label;
    tdBuilder.InnerHtml = divBuilder.ToString();

    TagBuilder trBuilder = new TagBuilder("tr");
    trBuilder.InnerHtml = tdBuilder.ToString();

    foreach (var value in values)
    {
        TagBuilder tdValueBuilder = new TagBuilder("td");
        tdValueBuilder.InnerHtml = value.ToString(); // I want to have display template here
        trBuilder.InnerHtml += tdValueBuilder.ToString();
    }

    return MvcHtmlString.Create(trBuilder.ToString());
}

虽然这确实正确地呈现了行，但它并没有正确地格式化所有的值(例如。DateTime)。

等效的局部视图可以使用DisplayFor方法：

<tr>
<td colspan="4" class="no-bg">
    <div class="column-label column-align-left">
        @Model.Label
    </div>
</td>
@foreach (var value in Model.Values)
{
    <td>
        @Html.DisplayFor(m => value)
    </td>
}

​

局部视图中的模型是一个自定义模型，具有标签、列表值等属性。DisplayFor使用存在的任何显示模板正确地呈现这些值。那么，我如何才能用TagBuilder达到同样的效果呢？

实际的方法有点复杂(有可选的参数和额外的逻辑)，所以我更喜欢使用HtmlHelper扩展。

helper方法将用于为大型模型的特定属性呈现表行，如下所示：

@Html.AddRow("myLabel1", Model.Foo.Bars.MyValue1)
@Html.AddRow("myLabel2", Model.Foo.MyOtherValue4a, Model.Foo.MyOtherValue4b)
@* etc. *@

Answer 1

我找到了一个解决方案，可以通过仔细查看DisplayFor帮助器来实现。解决方案是将该方法更改为使用与使用通用TModel和TValue的DisplayFor帮助器相同的签名。

所以我现在得到的是：

    public static MvcHtmlString AddRowFor<TModel, TValue>(this HtmlHelper<TModel> helper, string label, params Expression<Func<TModel, TValue>>[] values)
    {
        TagBuilder tdBuilder = new TagBuilder("td");
        tdBuilder.MergeAttribute("colspan", "4");
        tdBuilder.AddCssClass("no-bg");
        TagBuilder divBuilder = new TagBuilder("div");
        divBuilder.AddCssClass("column-label");
        divBuilder.AddCssClass("column-align-left");
        divBuilder.InnerHtml = label;
        tdBuilder.InnerHtml = divBuilder.ToString();

        TagBuilder trBuilder = new TagBuilder("tr");
        trBuilder.InnerHtml = tdBuilder.ToString();

        foreach (var value in values)
        {
            TagBuilder tdValueBuilder = new TagBuilder("td");

            // the magic happens here
            var metadata = ModelMetadata.FromLambdaExpression(value, helper.ViewData);
            tdValueBuilder.InnerHtml = helper.DisplayFor(_ => metadata.Model).ToHtmlString();

            trBuilder.InnerHtml += tdValueBuilder.ToString();
        }

        return MvcHtmlString.Create(trBuilder.ToString());
    }

用法：

@Html.AddRowFor("myLabel1", m => Model.Foo.Bars.MyValue1)
@Html.AddRowFor("myLabel2", m => Model.Foo.MyOtherValue4a, m => Model.Foo.MyOtherValue4b)

唯一困扰我的是我必须引入模型，即使我实际上并没有在helper方法中使用它。