Select row on keydown and keyup

[Akshay]

Is there a way to select the next row when we hit keydown or keyup using the keyboard?

 

I tried setting the navigable property to true but in that case we have to hit enter to explicitly select a row. I want to select the next row on the keydown and keyup event.

[Dimiter Topalov]

Hi Akshay,

The desired functionality can be achieved via some custom implementation, as it is not supported out-of-the-box.

A sample approach is to handle the regular DOM keydown event, and check the current Grid activeRow:

https://developer.mozilla.org/en-US/docs/Web/API/Document/keydown_event

https://www.telerik.com/kendo-angular-ui/components/grid/api/GridComponent/#toc-activerow

The data item, associated with this row is available as part of the activeRow data, and can be used to modify the Grid selection programmatically:

https://www.telerik.com/kendo-angular-ui/components/grid/selection/#toc-during-data-operations

Here is a sample implementation that demonstrates the described approach:

https://stackblitz.com/edit/angular-9e4wp9?file=app/app.component.ts

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Akshay]

Hi Dimiter,

Thanks for your response the demo you provided worked but i am facing another issue.

When we enable the virtual scroll and the user tries to navigate up and down too fast using the keyboard up and down event, the focus is lost and it skips some rows.

It focus jumps around randomly to any row.

Let me know if you need some more details.

Regards,
Akshay