Tạo tùy chỉnh Html Helper: MyHelperFor

Question

Tôi muốn tạo ra một helper có thể được sử dụng như

@Html.MyHelperFor(m => m.Name) 

này phải trả lại ví dụ

<span name="Name" data-something="Name"></span>

nếu nó là @Html.MyHelperFor(m => m.MailID) này sẽ trả về

<span name="MailID" data-something="MailID"></span>

Tôi có thể truy cập vào tên thuộc tính trong phương thức trợ giúp để tạo loại trình trợ giúp này, tôi nghĩ vậy.

Tôi làm cách nào để thực hiện việc này?

Answer 1

Bạn có thể làm một cái gì đó như (sau đây cũng sẽ có các thuộc tính HTML bổ sung).

public static MvcHtmlString MyHelperFor<TModel, TValue>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TValue>> expression, object htmlAttributes = null) 
{ 
    var data = ModelMetadata.FromLambdaExpression(expression, helper.ViewData); 
    string propertyName = data.PropertyName; 
    TagBuilder span = new TagBuilder("span"); 
    span.Attributes.Add("name", propertyName); 
    span.Attributes.Add("data-something", "something"); 

    if (htmlAttributes != null) 
    { 
     var attributes = HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes); 
     span.MergeAttributes(attributes); 
    } 

    return new MvcHtmlString(span.ToString()); 
} 

Answer 2

Điều này sẽ giúp bạn bắt đầu. Hàm này trả về trực tiếp tên thuộc tính nhưng bạn có thể chuyển đổi nó thành phần mở rộng mà bạn đang tìm kiếm với một công việc nhỏ. Ví dụ này có chữ ký phương thức chính xác và lệnh gọi hàm ExpressionHelper để lấy tên thuộc tính của bạn.

public static MvcHtmlString MyHelperFor<TModel, TValue>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TValue>> expression) 
    { 
     string expressionName = ExpressionHelper.GetExpressionText(expression); 

     return new MvcHtmlString(expressionName); 
    } 

Answer 3

Bạn có thể sử dụng phương pháp FromLambaExpression từ ModelMetadata như thế này:

namespace System.Web.Mvc.Html 
{ 
    public static class CustomHelpers 
    { 
     public static MvcHtmlString MyHelperFor<TModel, TValue>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TValue>> expression) 
     { 
      var metaData = ModelMetadata.FromLambdaExpression(expression, helper.ViewData); 
      var name = metaData.PropertyName; 
      // create your html string, you could defer to DisplayFor to render a span or 
      // use the TagBuilder class to create a span and add your attributes to it 
      string html = ""; 
      return new MvcHtmlString(html); 
     } 
    } 
} 

Các ModelMetadata lớp trong không gian tên System.Web.Mvc. Phương pháp FromLambdaExpression là những gì được xây dựng trong người trợ giúp sử dụng vì vậy sau đó bạn có thể chắc chắn helper của bạn sẽ hoạt động giống như được xây dựng trong người giúp đỡ. Bằng cách đặt lớp CustomHelpers vào không gian tên System.Web.Mvc.Html, sau đó bạn có thể truy cập trợ giúp của bạn giống như những người giúp đỡ khác, tức là @Html.MyHelperFor().

Answer 4

Theo dõi về câu trả lời mattytommo, điều này hoạt động tuyệt vời nhưng chỉ có một vấn đề nhỏ khi được sử dụng với các đối tượng phức tạp, chẳng hạn như nếu bạn đang sử dụng mã này cho một tài sản bên trong một EditorTemplate.

Thay vì

var data = ModelMetadata.FromLambdaExpression(expression, helper.ViewData); 
string propertyName = data.PropertyName; 

Nếu sử dụng MVC4, bạn có thể thay đổi nó để

var propertyName = helper.NameFor(expression); 

hoặc cho MVC3 và dưới

var propertyName = expression.Body.ToString(); 
propertyName = propertyName.Substring(propertyName.IndexOf(".") + 1); 
if (!string.IsNullOrEmpty(helper.ViewData.TemplateInfo.HtmlFieldPrefix)) 
    propertyName = string.Format("{0}.{1}", helper.ViewData.TemplateInfo.HtmlFieldPrefix, propertyName); 

Full mã:

public static MvcHtmlString MyHelperFor<TModel, TValue>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TValue>> expression, object htmlAttributes = null) 
    { 
     var propertyName = expression.Body.ToString(); 
     propertyName = propertyName.Substring(propertyName.IndexOf(".") + 1); 
     if (!string.IsNullOrEmpty(helper.ViewData.TemplateInfo.HtmlFieldPrefix)) 
      propertyName = string.Format("{0}.{1}", helper.ViewData.TemplateInfo.HtmlFieldPrefix, propertyName); 

     TagBuilder span = new TagBuilder("span"); 
     span.Attributes.Add("name", propertyName); 
     span.Attributes.Add("data-something", propertyName); 

     if (htmlAttributes != null) 
     { 
      var attributes = HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes); 
      span.MergeAttributes(attributes); 
     } 

     return new MvcHtmlString(span.ToString()); 
    }