C# mvc3-基于模型属性添加CSS类
我有这样一个模型元素:C# mvc3-基于模型属性添加CSS类,c#,asp.net-mvc-3,razor,C#,Asp.net Mvc 3,Razor,我有这样一个模型元素: [Required] [Display(Name = "First name")] [StringLength(50)] public string FirstName { get; set; } 我使用EditorFor将其输出到页面,如下所示: @Html.EditorFor(x => x.FirstName ) 我在一个页面上有很多这样的元素,我想根据模型是否具有[Required]属性向名为“Required”的输入字段添加一个CSS类 添加 @Html
[Required]
[Display(Name = "First name")]
[StringLength(50)]
public string FirstName { get; set; }
我使用EditorFor将其输出到页面,如下所示:
@Html.EditorFor(x => x.FirstName )
我在一个页面上有很多这样的元素,我想根据模型是否具有[Required]属性向名为“Required”的输入字段添加一个CSS类
添加
@Html.EditorFor(x => x.FirstName, new { @class = "Required" }) )
…似乎有点手工。有没有一种方法可以动态地执行此操作
提前谢谢
似乎有点手工
最重要的是,它不起作用。EditorFor
helper的第二个参数与TextBoxFor
helper相反,它的作用与您认为的不同。您可以编写一个用于使用自定义属性装饰视图模型属性并指定要应用于编辑器模板的类的:
[Required]
[Display(Name = "First name")]
[StringLength(50)]
[HtmlProperties(CssClass = "Required")]
public string FirstName { get; set; }
似乎有点手工
最重要的是,它不起作用。EditorFor
helper的第二个参数与TextBoxFor
helper相反,它的作用与您认为的不同。您可以编写一个用于使用自定义属性装饰视图模型属性并指定要应用于编辑器模板的类的:
[Required]
[Display(Name = "First name")]
[StringLength(50)]
[HtmlProperties(CssClass = "Required")]
public string FirstName { get; set; }
如果不需要支持最旧的浏览器,还可以使用
datavalrequired
html属性,该属性已自动添加到字段中。在CSS中,这可能是例如input[type=“text”][data val required]{border left:2px solid blue;}
如果您不需要支持最旧的浏览器,您还可以使用已自动添加到字段中的data val required
html属性。在CSS中,这将是例如input[type=“text”][data val required]{border left:2px solid blue;}
我建议覆盖创建EditorTemplate:/Views/Shared/EditorTemplates/String.cshtml
将其放入目录中(抱歉,未经测试!):
我建议重写创建EditorTemplate:/Views/Shared/EditorTemplates/String.cshtml 将其放入目录中(抱歉,未经测试!):
那对我就行了。谢谢你的评论!那对我就行了。谢谢你的评论!