向asp.net上的所有html.textbox添加相同的类mvc

Question

我在ASP.NET MVC 4中有一个项目，最近使用Bootstrap进行了视觉改进。

虽然我对此很满意，但有人认为我不是很满意。

我不得不添加

new { @class = "form-control input-sm" } 

我所有的Html.TextBox助手的电话。我想知道是否有一个更优雅的方式来做到这一点...也许重写默认的TextBox助手？

任何有识之士都会非常感激。

Answer 1

编辑

它实际上是可行的 - 要覆盖扩展方法。参考见：How to override an existing extension method。

在“ASP”命名空间中创建视图;所以为了让你的扩展方法覆盖System.Web.Mvc.Html中的默认扩展方法（即静态类InputExtensions），你必须在“ASP”命名空间中声明你的覆盖。因此，在你的MVC项目定义类InputExtensionOverride.cs这样的：

using System; 
using System.Collections.Generic; 
using System.Linq.Expressions; 
using System.Web.Mvc; 

namespace ASP { 
    public static class InputExtensionsOverride { 
    public static MvcHtmlString TextBoxFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression) { 
     return InputExtensionsOverride.TextBoxFor<TModel, TProperty>(htmlHelper, expression, (string)null); 
    } 

    public static MvcHtmlString TextBoxFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, IDictionary<string, object> htmlAttributes) { 
     return InputExtensionsOverride.TextBoxFor<TModel, TProperty>(htmlHelper, expression, (string)null, htmlAttributes); 
    } 

    public static MvcHtmlString TextBoxFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, object htmlAttributes) { 
     var dictionary = HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes); 
     return InputExtensionsOverride.TextBoxFor<TModel, TProperty>(htmlHelper, expression, (string)null, dictionary); 
    } 

    public static MvcHtmlString TextBoxFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, string format) { 
     return InputExtensionsOverride.TextBoxFor<TModel, TProperty>(htmlHelper, expression, format, ((IDictionary<string, object>)null)); 
    } 

    public static MvcHtmlString TextBoxFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, string format, IDictionary<string, object> htmlAttributes) { 
     htmlAttributes = SetCommonAttributes<TModel, TProperty>(htmlHelper, expression, ref htmlAttributes); 
     return System.Web.Mvc.Html.InputExtensions.TextBoxFor(htmlHelper, expression, format, htmlAttributes); 
    } 

    private static IDictionary<string, object> SetCommonAttributes<TModel, TProperty>(HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, ref IDictionary<string, object> htmlAttributes) { 
     if (htmlHelper == null) { 
     throw new ArgumentNullException("htmlHelper"); 
     } 

     if (expression == null) { 
     throw new ArgumentNullException("expression"); 
     } 

     if (htmlAttributes == null) { 
     htmlAttributes = new Dictionary<string, object>(); 
     } 

     if (!htmlAttributes.ContainsKey("class")) { 
     htmlAttributes.Add("class", "form-control input-sm"); 
     } 

     return htmlAttributes; 
    } 
    } 

} 

在你看来没有变化 - 即：

@using (Html.BeginForm()) { 
    @Html.TextBoxFor(m => m.SomeProperty) 
} 

会生成文本框，你“的形式控制输入-SM “css类。

Answer 2

我想你应该简单地使用jquery为输入字段添加类。因为你必须在许多plcaces再次更改代码文本框

$('input[type=text]').addClass('form-control input-sm'); 

添加自定义辅助类不会是有益的。

作为例子，如果这是你的自定义帮手textboxfor

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 = "form-control input-sm" }) 
    } 
} 

你必须TextBoxFor转换成该MyTextBoxFor

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