2013-02-01 44 views
0

我有一個包含劍道數值文本框劍道窗口:如何讓kendo NumericTextBox在kendo窗口中突出顯示時保持焦點?

$('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索引不當,它似乎是一個焦點問題。我正在使用kendo版本2012.3.1114(最新的GPL版本)。 kendo版本2012.3.1315中不再存在此問題,但該版本似乎無法在GPL下提供。我如何使用kendo 2012.3.1114解決此問題?

回答

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

+0

謝謝。您的答案不提供正常行爲。正常行爲(即,2012.3.1315中的行爲或框未在窗口內)是爲了使框着重於第一次和隨後的點擊。在您的答案中,該框在第一次點擊時獲得選擇,然後失去對第二次點擊的關注。沒有你的修復,這是一樣的行爲。也就是說,第一次點擊獲得焦點,第二次點擊失去焦點。但是,您的答案確實爲用戶提供了一種通過單擊(或其他一些操作獲得焦點)來獲得選擇的方法... – James

+0

但是絕不允許用戶在沒有選擇的情況下點擊。話雖如此,這可能會爲我的用戶。 – James

相關問題