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

Grid batch editing + tab from last column of last row

1 Answer 187 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Jason
Top achievements
Rank 1
Jason asked on 31 Jul 2014, 09:23 AM
http://demos.telerik.com/kendo-ui/grid/editing

If you click into the first cell (Chai) and hit tab movement occurs across the cells/rows as you'd expect until you reach the last cell of the last row on the page (works the same when data isn't paged). After hitting tab on the last command cell on the last row focus is returned to the first row and its x Delete button. On hitting tab from there each delete button is focused. Is this expected behaviour and is there a work around to stop this?



1 Answer, 1 is accepted

Sort by
0
Alexander Popov
Telerik team
answered on 04 Aug 2014, 07:38 AM
Hi Jason,

This behavior is expected and happens because after reaching the last Grid cell the navigatable option stops moving the focus forward on hitting tab and the browser's default handling takes over. The same behavior is observed when the navigatable option is set to false. A possible workaround would be to use the Grid's dataBound event to find the last row in the Grid's tbody element and attach a keyup event handler, which moves the focus to the first cell on the first row.

Regards,
Alexander Popov
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
Jason
Top achievements
Rank 1
Answers by
Alexander Popov
Telerik team
Share this question
or