剑道数字文本框 w。自定义格式 - 不工作答案

【问题标题】：Kendo Numeric Textbox w. Custom Format - Not Working剑道数字文本框 w。自定义格式 - 不工作
【发布时间】：2017-12-18 20:13:30
【问题描述】：

我有一个使用大量剑道数字文本框的大型应用程序。作为我当前项目的一部分，我为所有这些元素添加了一个自定义类。

我的文本框看起来像：

 @(Html.Kendo().NumericTextBox()
                  .Name("Transplanted")
               .HtmlAttributes(new {@class="form-control"})
                  .Value(Model.Transplanted)
                  .Decimals(0)
                  .Format("#")
                  .Min(0)
                  )

只要我添加了自定义类，格式就会停止工作。有没有人遇到过这个问题？我可以毫无问题地添加样式，但是向输入添加一个类会破坏格式。

【问题讨论】：

标签： c# asp.net-mvc kendo-ui kendo-asp.net-mvc kendonumerictextbox

【解决方案1】：

假设 form-control 类来自 Bootstrap，它与 Kendo 应用的一些样式之间存在冲突，如此处所述https://docs.telerik.com/kendo-ui/third-party/using-kendo-with-twitter-bootstrap#use-form-control-bootstrap-css-class

解决方法是不要在 NumericTextBox 上使用表单控件类，而是自己应用底层样式。

对于 NumericTextBox，我发现我真正需要应用的只是表单控件样式的 width: 100%; 部分，而且看起来都不错。

表单控制与宽度 100% 的演示：https://dojo.telerik.com/@Stephen/iTURu

【讨论】：