0

多くの剣道数値テキストボックスを使用する大規模なアプリケーションがあります。現在のプロジェクトの一環として、これらすべての要素にカスタム クラスを追加しました。

私のテキストボックスは次のようになります。

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

カスタム クラスを追加するとすぐに、書式設定が機能しなくなります。以前にこの問題に遭遇した人はいますか? 問題なくスタイルを追加できますが、入力にクラスを追加すると、書式が崩れてしまうことがあります。

4

1 に答える 1

0

フォーム コントロール クラスが Bootstrap からのものであると仮定すると、それと、ここで説明されているように Kendo が適用するスタイリングの一部との間に競合がありますhttps://docs.telerik.com/kendo-ui/third-party/using-kendo- with-twitter-bootstrap#use-form-control-bootstrap-css-class

回避策は、NumericTextBox でフォーム コントロール クラスを使用せず、代わりに基になるスタイルを自分で適用することです。

width: 100%;NumericTextBox の場合、実際に適用する必要があるのはフォーム コントロール スタイルの一部だけであり、すべて見栄えが良いことがわかりました。

フォーム コントロールと幅 100% のデモ: https://dojo.telerik.com/@Stephen/iTURu

于 2017-12-18T21:32:11.440 に答える