Dodawanie HtmlAttributes do szablonu

Question

Jeśli jestem przechodzącej HtmlAttributes do szablonu, tak:

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

W moim szablonu, jak bym wstrzyknąć je w moim HTML:

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

To prawie działa, ale robi trochę dziwnych rzeczy, więc zakładam, że to nie jest droga.

Rozumiem, że mogę to zrobić za pomocą metody rozszerzenia HtmlHelper, aby renderować pełny element HTML (w tym przypadku zakres) i przekazywać atrybuty w ten sposób, ale czy istnieje sposób na renderowanie atrybutów bezpośrednio w elemencie HTML , jak powyższy przykład?

Answer 1

Poniższa metoda rozszerzenie pozwoli mi przekształcić HtmlAttributes do łańcucha:

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

Następnie, aby uczynić je w tagu, mogę po prostu to zrobić: odpowiedź

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

Answer 2

DisplayFor() służy do renderowania szablonu zgodnego z typem właściwości.

Szablony wyświetlania to pliki .cshtml wewnątrz folderu /DisplayTemplates, który z kolei znajduje się w folderze widoku (tj. Dowolnym folderze z Home, Shared lub nawet określonego kontrolera).

Przykład.

Jeśli ve String.cshtml szablon tak wewnątrz /Views/Shared:

@model String 

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

każdym razem dzwonić DisplayFor() na właściwości String:

DisplayFor(model => model.MyStringProperty); 

To renderuje szablon odpowiednio do wartości ciągu. Możesz być bardziej konkretny i umieścić /DisplayTemplates wewnątrz określonego folderu Widok, a szablon wywoła tylko te wywołania z tych widoków.

---

W twoim przypadku może być nawet bardziej szczegółowe i nazywają DisplayFor() z konkretnego szablonu.

Załóżmy, że masz szablon dla określonej właściwości o nazwie MyPropertyTemplate.cshtml. nazwałbyś DisplayFor() tak:

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

a nimi, wewnątrz tego szablonu można mieć cokolwiek chcesz atrybutów HTML.

@model MyProperty 

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

---

PS: Jeśli nie znajdzie szablon Chyba tylko nazywa model.Property.ToString() bez dodatkowego html.

FYI: EditorFor(), na przykład, działa w podobny sposób, ale używa folderu /EditorTemplates.

Answer 3

Spróbuj zamiast tego

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

To uczyni ciąg, natomiast wersja robił dziwne rzeczy, wydanego {} jako część produkcji.

Answer 4

Jerad Rose jest dobry, ale wystąpiły z nim kilka problemów:

• Nie zamienia podkreśleń na kreski w atrybucie Nazwy
• To nie obsługuje bez wartości atrybutów wdzięcznie

Aby rozwiązać pierwszy problem, użyj HtmlHelper.AnonymousObjectToHtmlAttributes.

Poniżej moja modyfikacja metody Jerad za:

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