Как я могу заставить Kendo NumericTextBox сохранять фокус во время выделения в окне кендо?
У меня есть окно кендо, которое содержит числовое текстовое поле кендо:
$('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-индексации. Я использую кендо версии 2012.3.1114 (последняя версия GPL). Эта проблема больше не присутствует в версии кендо 2012.3.1315, но эта версия, по-видимому, недоступна под лицензией GPL. Как я могу решить эту проблему, используя kendo 2012.3.1114?
1 ответ
Добавление прослушивателя событий.focus() к входу, заключенному в setTimeout с помощью input.select(), похоже, заставляет его вести себя нормально.
$('input').kendoNumericTextBox({
decimals: 2,
spinners: false
}).focus(function() {
var input = $(this);
setTimeout(function() {
input.select();
});
});
Скрипка: http://jsfiddle.net/HwrzV/1/
У меня сейчас работает в Firefox и Chrome. Пытался протестировать IE8, но JSFiddle не загружается.:Икс