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

Keyboard navigation of inner and outer grids

1 Answer 41 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Sandeep
Top achievements
Rank 1
Sandeep asked on 22 Jul 2014, 11:24 AM
Hi,

We have created a grid where each row has an inner grid.
We need to achieve the following:
Say for example the focus is on the first row of outer grid, we need to be able to navigate to the inner grid of this row using tab and/or up/down arrow keys.
Similarly, if the focus is on inner grid of a particular row, we need to be able to navigate to the outer grid or its parent row using tab and/or up/down arrow keys.
The navigatable property of both inner grids and outer grids is set to true.
Also, tried giving tab index to both the grids.
We're unable to navigate from inner grid to outer grid and vice versa using keyboard navigation.

Kindly guide us achieve the desired behavior.

Thanks,
Sandeep.

 

1 Answer, 1 is accepted

Sort by
0
Petur Subev
Telerik team
answered on 24 Jul 2014, 10:26 AM
Hello Sandeep,

The navigational behavior cannot be changed and manipulated. However for your case with the hierarchy of Grids I am able to navigate through each cell.

E.g.

http://dojo.telerik.com/@pesho/okod

Pressing enter on the detail cell once it is on focus puts the navigatable focus on the inner Grid, to go out you can simply press shift+tab when done with the child Grid and the other Grid will gain focus again.

Kind Regards,
Petur Subev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Sandeep
Top achievements
Rank 1
Answers by
Petur Subev
Telerik team
Share this question
or