2

数値テキスト ボックスのタブ インデックスを設定する方法..私のコードは..

$("#max_award_amount").kendoNumericTextBox({

    min:0,
    max: 99999999.99,

}).attr("tabindex","4");

しかし、期待どおりに機能していません。

4

3 に答える 3

0

以下を使用します。

.HtmlAttributes(new { id = "EligibleDate", tabindex = 2 })

それが役立つことを願っています。

于 2013-03-15T17:03:12.197 に答える
0

正確に何が機能していないかを知ることはより役に立ちますが、とにかく答えるように努めます。

コードが機能しない理由は、Kendo の初期化が行われた後に入力コントロールに tabindex を設定しているためだと思います。Kendo は実際には元の入力を隠し、コントロールの一部として使用する独自の入力を作成します。このプロセス中に、tabindex を含むいくつかの属性をコピーします。

上記のように呼び出すattrと、現在は非表示になっている元の入力コントロールに対して tabindex を設定しています。html 要素自体に tabindex を設定してみてください。Kendo は、入力コントロールをラップするときに値をコピーする必要があります。

<input id="box1" tabIndex="0" />

<script type="text/javascript">
   $(function() {
       $("#box1").kendoNumericTextBox();
   });
</script>

編集

これをもう少し調べたところ、指定したタブインデックスを尊重する剣道数値テキストボックスのセットを取得できなかったようです。

Kendo は、テキスト ボックスを作成するときに元の入力から新しい入力に tabindex をコピーするようですが、元の入力の tabindex を明示的にゼロに戻します (ソース コードを調べました)。テキストボックスをクリックすると、生成された入力が非表示になり、元の入力が表示されることを除いて、これはそれほど問題にはならないと思います! そのため、Kendo がここで新しい入力を作成することで何を達成しようとしているのかはよくわかりませんが、ボックスをクリックすると、それを非表示にして古い入力を表示するだけです。

このバグを Kendo に報告しようとしましたが、悲しいかな、彼らのフォーラムは現在「プレミアムのみ」です。お金を払わない限り、バグを報告する方法はないようです。悪いショー。

初期化後にタブインデックスを元の要素に戻すことで、これを機能させました。

 <input id="box1" tabindex="10" />
 <input id="box2" tabindex="12" />
 <input id="box3" tabindex="11" />
 <input id="box4" tabindex="13" />  

 $(function() {
   $("#box1").kendoNumericTextBox()[0].tabIndex = 10;
   $("#box2").kendoNumericTextBox()[0].tabIndex = 12;
   $("#box3").kendoNumericTextBox()[0].tabIndex = 11;
   $("#box4").kendoNumericTextBox()[0].tabIndex = 13;
 });

完全なデモはこちら

于 2013-03-13T14:57:05.080 に答える
-1

kendoDropdownList の tabindex の設定:

$("#max_award_amount").data("kendoDropdownList").wrapper.attr("tabindex",4);
于 2014-03-19T06:19:03.450 に答える