kendo-ui - グリッドの数値フィールドからスピナーを削除

Question

kendoNumericTextBox のドキュメントで、 スピナーを有効または無効にするスピナーという名前のプロパティがあることに気付きました。

問題は、グリッドの数値フィールドでこのプロパティにアクセスして false に設定する方法です。現在の段階で、フィールドを数値として宣言します。

この http://demos.kendoui.c​​om/web/grid/ editing-custom.htmlがこのシナリオで役立つかどうか、またはより簡単な回避策があるかどうかはわかりません。

Answer 1

の初期化にはspinnersフラグがありますkendoNumericTextBox。

$("#numeric").kendoNumericTextBox({
    spinners : false
});

編集

で使用するには、列定義で関数をgrid定義する必要があります。editor例：

{ field: "number", title: "Number", editor: editNumberWithoutSpinners }

そして、次のように定義editNumberWithoutSpinnersします。

function editNumberWithoutSpinners(container, options) {
    $('<input data-text-field="' + options.field + '" ' +
            'data-value-field="' + options.field + '" ' +
            'data-bind="value:' + options.field + '" ' +
            'data-format="' + options.format + '"/>')
            .appendTo(container)
            .kendoNumericTextBox({
                spinners : false
            });
}

Answer 2

ゲームに遅れましたが、CSSをいじっただけで、これでうまくいくようです:

1.数値テキストボックス内の選択領域を非表示にします 2.セレクターを許可するために追加された右側のパディングを削除します

 .k-numerictextbox .k-select { display: none; }
 .k-numerictextbox .k-numeric-wrap { padding-right: 2px; }

明らかにHTMLを調べて、それらのスタイルが存在することを確認し、状況に応じて多かれ少なかれ包括的にします。