javascript - 为剑道数字文本框设置 tabindex

Question

如何为数字文本框设置标签索引..我的代码是..

$("#max_award_amount").kendoNumericTextBox({

    min:0,
    max: 99999999.99,

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

但它没有按预期工作。

Answer 1

如果知道到底是什么不起作用会更有帮助，但无论如何我都会尽力回答。

我认为您的代码无法正常工作的原因是您在 Kendo 初始化发生后 在输入控件上设置了 tabindex。 Kendo 实际上隐藏了原始输入并创建了它自己作为控件的一部分使用，在此过程中它复制了一些属性，包括 tabindex。

当您像上面那样调用 attr 时，您是针对原始的、现在隐藏的输入控件设置 tabindex。尝试在 html 元素本身上设置 tabindex。然后，Kendo 应该在包装您的输入控件时复制该值。

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

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

编辑

我对此进行了更多调查，但似乎无法获得一组 Kendo 数字文本框来遵守我指定的 tabindex。

看起来 Kendo 在构建文本框时确实将 tabindex 从原始输入复制到新输入，但它也明确地将原始输入的 tabindex 设置回零(我查看了源代码)。我想这不会是什么大问题，只是当您在文本框中单击时，生成的输入被隐藏并显示原始输入!所以我现在不太确定 Kendo 在这里试图通过创建一个新输入来实现什么，然后只是隐藏它并在您单击该框时显示旧输入。

我试图向 Kendo 报告这个错误，但是很遗憾，他们的论坛现在是“高级版”。似乎没有办法报告错误，除非你付钱给他们。表现不佳。

我通过在初始化后将 tabindex 设置回原始元素来实现这一点。

 <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;
 });

完整演示 here