如何建立一个HTML辅助程序扩展TextBoxFor（）添加CSS样式？

问题描述

如何创建HTML帮助，以扩展TextBoxFor（）添加CSS样式？

  @ Html.TextBoxFor（型号=＆GT; model.FirstName，新{@class =TXT}）
 

解决方案

您只需要创建一个 的HtmlHelper ：

 公共静态类MyHtmlHelpers
{
    公共静态MvcHtmlString MyTextBoxFor＆LT;的TModel，TProperty＆GT;（
         这与的HtmlHelper LT;的TModel＆GT;帮手，
         防爆pression＆LT;＆Func键LT;的TModel，TProperty＆GT;＆GT;前pression）
    {
        返回helper.TextBoxFor（如pression，新{@class =TXT}）;
    }
}
 

然后在你的观点，你可以使用它作为：

  @ Html.MyTextBoxFor（型号=＆GT; model.FirstName）
 

注意：不要忘了 @using MyHtmlHelpers 的命名空间，如果你的看法

how to create an HTML Helper to Extend TextBoxFor() to add CSS style?

@Html.TextBoxFor(model => model.FirstName, new { @class = "txt" }) 

解决方案

You just need to create an extension method on HtmlHelper:

public static class MyHtmlHelpers
{
    public static MvcHtmlString MyTextBoxFor<TModel, TProperty>(
         this HtmlHelper<TModel> helper, 
         Expression<Func<TModel, TProperty>> expression)
    {
        return helper.TextBoxFor(expression, new { @class = "txt" });
    }
}

Then in your view you can use it as:

@Html.MyTextBoxFor(model => model.FirstName) 

Note: Don't forget to @using the namespace of MyHtmlHelpers if your views.

这篇关于如何建立一个HTML辅助程序扩展TextBoxFor（）添加CSS样式？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！