Kendo Numeric Textbox w。自定义格式 - 不工作

Posted 2021-05-03

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

我的文本框看起来像：

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

一旦我添加自定义类，格式化就会停止工作。有没有人遇到过这个问题？我可以毫无问题地添加样式，但是有一些关于在输入中添加类来打破格式化的问题。

答案

假设表单控件类来自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