I have a grid with navigatable turned on, but my problem is that it moves through all of the columns, not just the editable columns. Is there a way to skip the columns that are not editable?
I am using MVC, but I have put together a quick sample on jsFiddle here: http://jsfiddle.net/jSeMZ/1/
12 Answers, 1 is accepted
This functionality is not supported out of the box, however similar behavior could be achieved by attaching custom keydown event handler to the Grid's table. For convenience I prepared a small example that uses the following approach:
- Add "editable-cell" class to all editable cells
- Attach a keydown event handler to the Grid table
- When the event is triggered check if the TAB key was pressed and if it was - search for the closest cell that has "editable-cell" class
- Move the focus to that cell and make it editable
Please keep in mind that this demo has certain limitations (i.e no SHIFT+TAB support) and its goal is to give you a direction, not a custom solution as we do not provide such.
I noticed that the keydown event is attached differently. Try using the following:
Your reply is good enough.
However, it doesn't work after last row, last cell TAB. I believe it should keep going in grid. Anyway, that's what I want to replicate anyway.
Any modification suggestions ?
Our users require the same support (TAB and Shift+TAB should skip non-editable columns). Is this still the most recent/current workaround approach to this issue? Or perhaps a newer version of Kendo UI has addressed this as an option?
Please advise when possible.
I'm unable to change the key that is being used to enter.
Any help with this will be greatly appreciated.