HtmlAttributes Thêm vào template

Question

Nếu tôi đi qua HtmlAttributes vào một khuôn mẫu, như thế này:

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

Trong mẫu của tôi, làm thế nào tôi sẽ bơm này vào HTML của tôi:

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

này hầu như làm việc, nhưng nó có một số công cụ khá kỳ lạ, vì vậy tôi giả định đây không phải là cách để đi.

Tôi nhận ra mình có thể thực hiện điều này bằng phương pháp mở rộng HtmlHelper để hiển thị phần tử HTML đầy đủ (trong trường hợp này) và chuyển thuộc tính theo cách đó, nhưng có cách để chỉ hiển thị thuộc tính thẳng vào phần tử HTML , như ví dụ trên?

Answer 1

Phương pháp mở rộng dưới đây sẽ cho phép tôi chuyển đổi HtmlAttributes thành một chuỗi:

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

Sau đó, để khiến chúng có trong thẻ, tôi chỉ có thể làm điều này: câu trả lời

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

Answer 2

DisplayFor() được sử dụng để hiển thị mẫu phù hợp với loại thuộc tính.

hiển thị các mẫu là các tập tin .cshtml bên /DisplayTemplates thư mục đó lần lượt là bên trong một thư mục xem (nghĩa là bất kỳ thư mục từ đình, chia sẻ hoặc thậm chí một bộ điều khiển cụ thể).

Ví dụ.

Nếu bạn đã một String.cshtml mẫu như thế này bên /Views/Shared:

@model String 

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

Mỗi lần bạn gọi DisplayFor() cho một tài sản chuỗi:

DisplayFor(model => model.MyStringProperty); 

Nó làm cho mẫu phù hợp với giá trị của chuỗi. Bạn có thể cụ thể hơn và đặt /DisplayTemplates bên trong thư mục Chế độ xem cụ thể và chỉ những cuộc gọi từ những lượt xem đó bị ảnh hưởng bởi mẫu.

---

Trong trường hợp của bạn, bạn có thể cụ thể hơn và gọi DisplayFor() với mẫu cụ thể.

Giả sử bạn là mẫu cho một thuộc tính cụ thể, được gọi là MyPropertyTemplate.cshtml. Bạn sẽ gọi DisplayFor() như thế này:

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

Và họ, bên trong mẫu mà bạn có thể có bất cứ điều gì HTML thuộc tính mà bạn muốn.

@model MyProperty 

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

---

PS: Khi không tìm thấy một mẫu Tôi đoán nó chỉ gọi model.Property.ToString() mà không html bổ sung.

FYI: EditorFor(), ví dụ: hoạt động theo cách tương tự nhưng nó sử dụng thư mục /EditorTemplates.

Answer 3

Hãy thử điều này thay vào đó,

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

này sẽ tạo ra chuỗi, trong khi phiên bản của bạn đã làm những thứ lạ, render {} như một phần của đầu ra.

Answer 4

Jerad Rose là tốt, nhưng tôi gặp phải một vài vấn đề với nó:

• Nó không chuyển đổi dấu gạch dưới thành dấu gạch ngang trong thuộc tính tên
• Nó không xử lý không có giá trị thuộc tính một cách duyên dáng

Để giải quyết vấn đề đầu tiên, sử dụng HtmlHelper.AnonymousObjectToHtmlAttributes.

Dưới đây là sửa đổi của tôi về phương pháp Jerad của:

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