Kendo UI Razor - 如何将 CSS 类添加到 Html.Kendo().AutoComplete()、Button()、MultiSelect() 和其他输入字段？答案

【问题标题】：Kendo UI Razor - How To Add CSS Class to Html.Kendo().AutoComplete(), Button(), MultiSelect() And Other Input Fields?Kendo UI Razor - 如何将 CSS 类添加到 Html.Kendo().AutoComplete()、Button()、MultiSelect() 和其他输入字段？
【发布时间】：2015-03-12 12:36:19
【问题描述】：

如何向 Kendo MVC UI 控件添加 CSS 类，而不是显式的内联样式？

无论我们尝试了什么，我们都无法将 CSS 类添加到 Kendo UI HTML 帮助器中。它只添加了自己的“k-”类。您可以添加具有显式宽度和样式的样式属性，但不是一个类，

.HtmlAttributes(new { @class = "please-dont-hard-code-widths" })

或

new HtmlAttributes(new {new { @class = "please-dont-hard-code-widths" } })

什么都不做。

** 更新，当 Kendo 是项目的一部分时，@Html.EditorFor() 也会发生此问题，尽管文档说它接受类，但它不会接受类。我们必须使用像 TextBoxFor() 这样的显式输入类型，这无法让类模型驱动表单类型。

其他常规的 Razor HTML Helpers 做得很好，但不是 Kendo 的。 Telerik 似乎不可能不支持显示层的这种基本功能。

【问题讨论】：

不幸的是，它们的许多控件，例如上面提到的那些，由于某种原因不使用这些类。但是，很多控件都可以，例如 Grid。

标签： css asp.net-mvc-3 kendo-asp.net-mvc kendo-ui-mvc

【解决方案1】：

我也遇到过几次这个问题，甚至创建了自己的助手和编辑器模板，但这里有两种方法我在某些控件中实现了这一点。它总是添加自己的类，但使用以下技术，我设法在生成的标签中注入了我自己的属性。

注意，我使用的是 MVC5。

@Html.EditorFor(m => m.ConfirmEmail, new Dictionary<string, object> { { "class", "form-control" } })

@Html.EditorFor(m => m.MobileNumber, new { htmlAttributes = new { @class = "form-control validateNumericInput", @aria_describedby = "mobile-addon" } })

【讨论】：