[Solved] Navigate rows using up/down arrow keys?

[Chaiyouth Tiemchaipum]

Is it possible to navigate rows using up/down arrow keys in Telerik ASP.NET MVC Grid?

[Atanas Korchev]

Hi Chaiyouth Tiemchaipum,

Keyboard navigation is not supported. What are your requirements? What should exactly happen when the user presses the arrow keys?

Regards,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Chaiyouth Tiemchaipum]

Hi Atanas,

I have implemented a master-detail grid for example, customer-order.
My requirement is I want to use up/down arrow keys on keyboard to navigate rows on the master grid.
(rather than using mouse)
And the data in detail grid will change based on master grid as well.

Thanks for your response
Chaiyouth

[Georgi Krustev]

Hello Chaiyouth Tiemchaipum,

To achieve your goal you need to add tabIndex attribute to the div which wraps the grid. Hence wire div's keydown event and in the event handler you need to find which row is selected. After you find the selected row, depending on the press key, select the previous or the next row. You need also to update the second gird.

For your convenience I have attached a test project which uses the suggested approach.

Regards,
Georgi Krustev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Chaiyouth Tiemchaipum]

Thanks Georgi !