Our state of the art Gantt chart


Post by peterlechner »

Hello,

I would like to change the behaviour of the Enter, Tab key in combination with the autoEdit feature.

Enter:
Currently: move to the next row and go into edit mode
Desired: move to the next row but do not go into edit mode

Tab (if not in edit mode):
Currently: move focus to the next control
Desired: move focus to the next column

Can you provide a sample on how to change this? My goal is to mimic the excel keyboard navigation as much as possible

Many Thanks, Peter


Post by Animal »

I'm not sure adhering to what Excel does is valid in a web-based Grid component.

There are standards as to how keyboard navigation should work within a web Grid component: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/grid_role#keyboard_interactions

There may be more than one component on the page. So TAB and Shift+TAB must navigate off the grid in either direction. Otherwise the application is not keyboard navigable - it would not be possible to exit the Grid.

As far as ENTER terminating the edit and going to the next cell below while exiting editing mode, that seems quite valid. Here is a ticket for it: https://github.com/bryntum/support/issues/4032


Post by peterlechner »

Thanks you for the explanation!


Post Reply