将焦点设置为kendo数字文本框

Question

我使用以下代码创建一个kendo数字文本框。

HTML

<input type='text' name='num_wks_or_mons' id='num_wks_or_mons' tabindex='5'/>

Jquery的

$("#num_wks_or_mons").width(295).kendoNumericTextBox({
            min:0,
            max:99,
            step:1,
            format: "n0"
        });

如果我将tabindex属性设置为5，则元素将无法获得焦点，如果使用tabindex = 4来自元素的tabout。当我使用tabindex = 4从元素中进行tabout时，焦点将继续到下一个不是剑道数字文本框的元素。

Answer 1

像这样设置焦点，

 $('#num_wks_or_mons').siblings('input:visible').focus();

Answer 2

像这样设置焦点，

   setTimeout("$('#num_wks_or_mons').focus();", 500);

Answer 3

<script type="text/javascript">
    $(document).ready(function () {
      setTimeout(function() {
          $('#txtThresholdAmount').siblings('input:visible').focus();
      }, 1000);
  });
</script>

Answer 4

Kendo UI数字文本框小部件具有其自身的聚焦方法。获取小部件的实例并调用它。

var numerictextbox = $("#num_wks_or_mons").data("kendoNumericTextBox");
numerictextbox.focus();

https://docs.telerik.com/kendo-ui/api/javascript/ui/numerictextbox/methods/focus

Answer 5

尝试以下操作：

var $nodeNumeric = $nodeImput.kendoNumericTextBox().data("kendoNumericTextBox");
$($nodeNumeric._text).focus();