如何在kendo窗口中突出显示期间让kendo NumericTextBox保持焦点?

时间:2013-02-01 23:32:17

标签: kendo-ui focus z-index kendonumerictextbox kendo-window

我有一个包含剑道数字文本框的剑道窗口:

$('input').kendoNumericTextBox({
    decimals: 2,
    spinners: false
});


 $('#win').kendoWindow({
     modal: true,
     width: "969px",
     height: "646px",
     title: "NumericTextBoxTest"
 });

 $('#win').data('kendoWindow').center().open();

jsfiddle在这里http://jsfiddle.net/e6shF/40/

在Firefox中,您无法突出显示数字文本框值。在Chrome中,您可以突出显示该值,但在突出显示时无法输入该值。

由于z-indexing不正确,这似乎是一个焦点问题。我正在使用kendo版本2012.3.1114(最新的GPL版本)。此问题在kendo版本2012.3.1315中不再出现,但该版本似乎不在GPL下提供。如何使用kendo 2012.3.1114解决此问题?

1 个答案:

答案 0 :(得分:1)

将一个.focus()事件监听器添加到输入中,并使用input.select()包装在setTimeout中,这似乎会强制它正常运行。

$('input').kendoNumericTextBox({
    decimals: 2,
    spinners: false
}).focus(function() {
   var input = $(this);
    setTimeout(function() {
        input.select();
    });
});

小提琴:http://jsfiddle.net/HwrzV/1/

现在可以在Firefox和Chrome中使用。试图测试IE8但JSFiddle没有加载。 :X