This is a migrated thread and some comments may be shown as answers.

Focusing dropdownlist control in navigatable grid

3 Answers 46 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Jaap
Top achievements
Rank 2
Jaap asked on 05 Sep 2012, 02:08 PM
When using a custom editor for a grid column like this: <select data-role="dropdownlist">....</select>, the control is not focused when you tab from another cell to this cell. Instead the cell keeps the focus.

This is because the last line in Editable.refresh() does not work. There the selector ":input:visible:first" is used to find the control to focus.

But in case of the dropdownlist there is no visible input, only span tags.

How to solve this?





Regards, Jaap

3 Answers, 1 is accepted

Sort by
0
Nikolay Rusev
Telerik team
answered on 10 Sep 2012, 09:04 AM
Hello Jaap,

This is currently limitation of our keyboard support. We are working on solution for that case, which should be available for Q3 release, eventually. Currently you can use the following workaround as a solution:
http://jsfiddle.net/Eh8GL/

Regards,
Nikolay Rusev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
OnaBai
Top achievements
Rank 2
answered on 10 Sep 2012, 12:25 PM
Nikolay,

If I'm not wrong there is a minor bug in you code. The inArray check should be >= instead of >.
if ($.inArray(e.keyCode, specialKeys) >= 0) {
    e.stopImmediatePropagation();
}
Regards
0
Nikolay Rusev
Telerik team
answered on 10 Sep 2012, 01:24 PM
Hello Emiliano,

Indeed you are right. It should be greater than or equal to.

Greetings,
Nikolay Rusev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Jaap
Top achievements
Rank 2
Answers by
Nikolay Rusev
Telerik team
OnaBai
Top achievements
Rank 2
Share this question
or