将 HtmlAttributes 添加到模板

Question

如果我将 HtmlAttributes 传递到模板中，如下所示：

@Html.DisplayFor(m => m.FirstName, new { htmlAttributes = new { @class = "orangetxt strongtxt" } })

在我的模板中，我如何将这些注入到我的 HTML 中：

<span @ViewData["htmlAttributes"]>@Model</span>

这几乎可以工作，但它会做一些非常奇怪的事情，所以我假设这不是正确的方法。

我意识到我可以使用 HtmlHelper 扩展方法来渲染完整的 HTML 元素（在本例中为跨度）并以这种方式传递属性来完成此操作，但是有没有一种方法可以将属性直接渲染到 HTML 元素中，如上面所示例子？

Answer 1

下面的扩展方法将允许我将 HtmlAttributes 转换为字符串：

    public static MvcHtmlString RenderHtmlAttributes<TModel>(
        this HtmlHelper<TModel> htmlHelper, object htmlAttributes)
    {
        var attrbituesDictionary = new RouteValueDictionary(htmlAttributes);

        return MvcHtmlString.Create(String.Join(" ", 
            attrbituesDictionary.Select(
                item => String.Format("{0}=\"{1}\"", item.Key, 
                htmlHelper.Encode(item.Value)))));
    }

然后，为了在标签内呈现它们，我可以这样做：

<span @Html.RenderHtmlAttributes(ViewData["htmlAttributes"])>@Model</span>

Answer 2

Jerad Rose 的答案很好，但我遇到了几个问题：

• 它不会将属性名称中的下划线转换为破折号
• 它不会优雅地处理无值属性

要解决第一个问题，请使用 HtmlHelper.AnonymousObjectToHtmlAttributes代码>.

下面是我对 Jerad 方法的修改：

public static MvcHtmlString RenderHtmlAttributes(this HtmlHelper helper, object htmlAttributes)
{
        if (htmlAttributes == null) return new MvcHtmlString(String.Empty);
        var attrbituesDictionary = HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes);
        return new MvcHtmlString(String.Join(" ", attrbituesDictionary.Select(item => string.IsNullOrEmpty((string)item.Value) ? String.Format("{0}", item.Key) : String.Format("{0}=\"{1}\"", item.Key, helper.Encode(item.Value)))));
}

Answer 3

试试这个，

@Html.DisplayFor(m => m.FirstName, 
                 new { htmlAttributes = "class = orangetxt strongtxt"})

这将渲染一个字符串，而你的版本确实做了奇怪的事情，将 { } 渲染为输出的一部分。

Answer 4

DisplayFor() 用于渲染与属性类型匹配的模板。

显示模板是 /DisplayTemplates 文件夹内的 .cshtml 文件，该文件夹又位于视图文件夹内（即来自 Home、Shared 甚至特定控制器的任何文件夹）。

一个例子。

如果您在 /Views/Shared 中有这样的 String.cshtml 模板：

@model String

@if (string.IsNullOrEmpty(Model)) {
   <span>(no string)</span>
}
else {
   <span>@Model</span>
}

每次为字符串属性调用 DisplayFor() 时：

DisplayFor(model => model.MyStringProperty);

它根据字符串的值呈现模板。您可以更具体，将 /DisplayTemplates 放入特定的视图文件夹中，只有来自这些视图的调用才会受到模板的影响。

---

根据您的情况，您可以更加具体，并使用特定模板调用 DisplayFor() 。

假设您有一个特定属性的模板，名为 MyPropertyTemplate.cshtml。您可以像这样调用 DisplayFor()：

DisplayFor(model => model.MyProperty, "MyPropertyTemplate");

在该模板中，您可以拥有任何您想要的 HTML 属性。

@model MyProperty

<span class="orangetxt strongtxt">@MyProperty.ToString()</span>

---

PS：当它找不到模板时，我猜它只调用 model.Property.ToString() 而无需额外的 html。

仅供参考：例如，EditorFor() 的工作方式类似，但它使用 /EditorTemplates 文件夹。