Question

我正在构建一个编辑器模板，它将接受htmlAttributes个对象。

示例很简单。

在主视图中，我有类似

的内容

@Html.EditorFor(Function(x) x.SomeProperty, New With {.htmlAttributes = New With {.class = "form-control"}}).

在编辑模板中，我需要编写class="form-control"属性。

如果在模板中我使用@Html.TextBoxFor(Function(x) x, ViewData("htmlAttributes"))之类的东西，那么一切都还可以。但是如果我手动构建标记，我就无法输出htmlAttributes，即我构建<input type="text" {htmlAttributes should be here} />

是否有任何公共方法可以正确呈现标记内的HTML属性？

Answer 1

我不确定你在这里寻找什么。传统上，编辑器模板只会传递htmlAttributes。例如：

查看

@Html.EditorFor(m => m.FooString, new { htmlAttributes = new { @class = "foo" } })

<强> String.cshtml

@Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue.ToString(), ViewData["htmlAttributes"])

如果您要询问如何设置默认设置，然后通过传递htmlAttributes来覆盖或添加默认设置。然后，你自己就在那里。 MVC中没有任何东西可以帮助你（至少完全没有）。但是，我确实编写了自己的HtmlHelper扩展来处理这个问题。我实际上写了blog post来解释它的作用以及如何使用它。我建议您查看一下，但为了完整起见，我会在此处发布代码。

using System.Collections.Generic; using System.Linq; using System.Web.Mvc; using System.Web.Routing; public static partial class HtmlHelperExtensions { public static IDictionary<string, object> MergeHtmlAttributes(this HtmlHelper helper, object htmlAttributesObject, object defaultHtmlAttributesObject) { var concatKeys = new string[] { "class" }; var htmlAttributesDict = htmlAttributesObject as IDictionary<string, object>; var defaultHtmlAttributesDict = defaultHtmlAttributesObject as IDictionary<string, object>; RouteValueDictionary htmlAttributes = (htmlAttributesDict != null) ? new RouteValueDictionary(htmlAttributesDict) : HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributesObject); RouteValueDictionary defaultHtmlAttributes = (defaultHtmlAttributesDict != null) ? new RouteValueDictionary(defaultHtmlAttributesDict) : HtmlHelper.AnonymousObjectToHtmlAttributes(defaultHtmlAttributesObject); foreach (var item in htmlAttributes) { if (concatKeys.Contains(item.Key)) { defaultHtmlAttributes[item.Key] = (defaultHtmlAttributes[item.Key] != null) ? string.Format("{0} {1}", defaultHtmlAttributes[item.Key], item.Value) : item.Value; } else { defaultHtmlAttributes[item.Key] = item.Value; } } return defaultHtmlAttributes; } }

然后，在您的编辑器模板中（此示例中为Date.cshtml）：

@{ var defaultHtmlAttributesObject = new { type = "date", @class = "form-control" }; var htmlAttributesObject = ViewData["htmlAttributes"] ?? new { }; var htmlAttributes = Html.MergeHtmlAttributes(htmlAttributesObject, defaultHtmlAttributesObject); } @Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue.ToString(), htmlAttributes)

<强>更新

我无法使用@ Html.TextBox，但需要手动编写<input type="text" {htmlAttributes should be here} />

为什么？除了帮手版本之外，你真的没有什么可以做的。但是，如果你坚持走那条路，你就会很难用Razor做这件事。假设您实际上可以在没有Razor语法错误的情况下编写它，那么代码将变得虚拟不可读。我建议在纯C＃中使用TagBuilder和/或StringBuilder来构造字符串，然后确保返回/设置MvcHtmlString类型的变量：

var output = new MvcHtmlString(builder.ToString());

但是，如果你走得那么远，它会否定使用编辑器模板的目的，除非你试图覆盖其中一个默认的编辑器模板。无论如何，我建议您只创建自己的HtmlHelper扩展程序，然后直接在视图中使用它或在编辑器模板中使用它。

Answer 2

根据您的情况，您可以使用静态方法帮助您序列化所需的htmlAttributes到string。我觉得这就是你所需要的：

public static string StringlifyHtmlAttributes(object htmlAttributes)
{
    string stringHtmlAttributes = String.Empty;
    foreach (PropertyDescriptor property in TypeDescriptor.GetProperties(htmlAttributes))
    {
        stringHtmlAttributes += string.Format("{0}=\"{1}\" ", property.Name.Replace('_', '-'), property.GetValue(htmlAttributes));
    }
    return stringHtmlAttributes;
}

什么是HtmlHelper渲染htmlAttributes对象的方法？

2 个答案: