Блог

Если я передаю атрибуты htmlAttributes в шаблон, например:

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

В моем шаблоне, как бы я вставил их в свой HTML:

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

Это почти работает, но делает некоторые довольно странные вещи, поэтому я предполагаю, что это не тот путь.

Я понимаю, что могу выполнить это с помощью метода расширения HtmlHelper для отображения полного элемента HTML (в данном случае span) и передачи атрибутов таким образом, но есть ли способ просто отобразить атрибуты прямо в элементе HTML, как в приведенном выше примере?

Приведенный ниже метод расширения позволит мне преобразовать атрибуты 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>
  

Ответ Джерада Роуза хороший, но я столкнулся с парой проблем с ним:

• Он не преобразует символы подчеркивания в тире в именах атрибутов
• Он не обрабатывает атрибуты, не имеющие значения, корректно

Чтобы решить первую проблему, используйте HtmlHelper.AnonymousObjectToHtmlAttributes .

Ниже приведена моя модификация метода Джерада:

 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)))));
}
  

Попробуйте это вместо,

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

Это приведет к отображению строки, в то время как ваша версия делала странные вещи, отображаемые { } как часть вывода.

DisplayFor() используется для отображения шаблона, соответствующего типу свойства.

Шаблоны отображения — это файлы .cshtml внутри папки /DisplayTemplates, которая, в свою очередь, находится внутри папки просмотра (т. Е. Любой папки из домашней, общей или даже определенного контроллера).

Пример.

Если у вас есть шаблон String.cshtml, подобный этому, внутри /Views/Shared:

 @model String

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

Каждый раз, когда вы вызываете DisplayFor() свойство string:

 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 .