如何将自定义数据属性和类添加到`@ Html.EditorFor`？

Question

我想为input生成的@Html.EditorFor添加一些自定义属性，我尝试了以下内容：

@Html.EditorFor(model => model.Percent, new { @class = "percent" })

但它只是忽略了我的课程，从搜索到的内容来看，该模板不支持添加自定义属性。

但是如何创建自定义模板添加对自定义属性的支持，同时保留旧模板的所有功能？

Answer 1

使用jQuery可以轻松完成

$("input").addClass("class-name")

输入标记

@Html.EditorFor(model=>model.Name)

对于DropDownlist，您可以使用以下代码

$("select").addClass("class-name")

for Dropdownlist

@Html.DropDownlistFor(model=>model.Name)

Answer 2

请参阅以下帖子，此问题已在Stackoverflow上提出过。

• Add css class to Html.EditorFor in MVC 2
• Set the class attribute to Html.EditorFor in ASP.NET MVC Razor View
• ASP.NET MVC 3 Razor - Adding class to EditorFor

还有更多示例，只有Google。

我希望这会有所帮助。

Answer 3

接受的答案不正确。

Html.EditorFor忽略自定义css类 这种行为是设计使然。

http://aspnetwebstack.codeplex.com/workitem/223

Answer 4

试试这适用于MVC3

@Html.EditorFor(model => model.Percent)

<style type="text/css">

#Percent
{

   width:100%;

}

</style>