.NET MVC | カスタムHtmlヘルパーの作成

カスタムHtmlヘルパーの一例。拡張メソッドにより、HtmlHelperに追加にした。

view plainprint?

1. using System.Web.Mvc.Html;  
2. using System.Linq.Expressions;  
3.   
4. public static class CustomTextBoxHelper  
5. {     
6.  public static MvcHtmlString BlueTextBoxFor<TModel, TProperty>(  
7.   this HtmlHelper<TModel> htmlHelper,   
8.   Expression<Func<TModel, TProperty>> expression  
9.    )  
10.    {  
11.      var htmlAttributes = new Dictionary<string, object>();  
12.   
13.      htmlAttributes.Add("style", "background-color: skyblue;");  
14.   
15.      return InputExtensions.TextBoxFor<TModel, TProperty>(  
16.       htmlHelper,   
17.       expression,   
18.       htmlAttributes) ;         
19.     }  
20.  }  

using System.Web.Mvc.Html;
using System.Linq.Expressions;

public static class CustomTextBoxHelper
{   
 public static MvcHtmlString BlueTextBoxFor<TModel, TProperty>(
  this HtmlHelper<TModel> htmlHelper, 
  Expression<Func<TModel, TProperty>> expression
   )
   {
     var htmlAttributes = new Dictionary<string, object>();

     htmlAttributes.Add("style", "background-color: skyblue;");

     return InputExtensions.TextBoxFor<TModel, TProperty>(
      htmlHelper, 
      expression, 
      htmlAttributes) ;       
    }
 }

こんな感じで、cshtmlに記述できる。

view plainprint?

1. @Html.BlueTextBoxFor(x => x.text)  

@Html.BlueTextBoxFor(x => x.text)