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

Question

如何为数字文本框设置选项卡索引.. 我的代码是..

$("#max_award_amount").kendoNumericTextBox({

    min:0,
    max: 99999999.99,

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

但它没有按预期工作。

Answer 1

我们使用以下内容：

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

希望有帮助。

Answer 2

知道究竟是什么不起作用会更有帮助，但无论如何我都会努力回答。

我想您的代码不起作用的原因是因为您在 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 报告这个错误，但可惜，他们的论坛现在是“仅限高级版”。除非您付款，否则似乎无法报告错误。表演不佳。

我通过在初始化后将 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;
 });

完整的演示在这里

Answer 3

为 kendoDropdownList 设置 tabindex：

$("#max_award_amount").data("kendoDropdownList").wrapper.attr("tabindex",4);