Example of Keyboard Navigation in ASP.NET MVC Gantt Chart Control
This demo showcases the keyboard shortcuts applicable on Gantt and also lists out in below descriptions, and this demo also explains how those applicable shortcuts interacts with Gantt actions.
DEMO
SOURCE
| Keys | Description |
| Alt + j | Focus Gantt element |
| Tab / Shift + Tab | Focus the next or previous element |
| Home | First Row Selection |
| End | Last Row Selection |
| DownArrow | Move Row Selection Down |
| UpArrow | Move Row Selection Up |
| LeftArrow | Move Cell Selection Left |
| RightArrow | Move Cell Selection Right |
| Ctrl + UpArrow | Collapse All |
| Ctrl + DownArrow | Expand All |
| Ctrl + Shift + UpArrow | Collapse Row |
| Ctrl + Shift + DownArrow | Expand Row |
| Enter | Save Request |
| Esc | Cancel Request |
| Insert | Add Record |
| Ctrl + Insert | Add Record By Dialog |
| Ctrl + F2 | Edit Record By Dialog |
| Delete | Delete Row |
| Ctrl + Shift + F | Focus Search TextBox |
| Shift + F5 | Focus Task |
| Shift + DownArrow | Move Cell Selection Down |
| Shift + UpArrow | Move Cell Selection Up |
| Shift + LeftArrow | Move Cell Selection Left |
| Shift + RightArrow | Move Cell Selection Right |
| Ctrl + Z | Undo Last Action |
| Ctrl + Y | Redo Last Action |
All the Gantt actions can be controlled via keyboard keys and are availed using the allowKeyboard property, which is set to true by default. The applicable key combinations and their relative functionalities are listed below.
| Keys | Description |
Alt + J |
Focus Gantt Component |
Tab / Shift + Tab |
Focus the next or previous element |
Home |
First Row Selection |
End |
Last Row Selection |
DownArrow |
Move Row Selection Down |
UpArrow |
Move Row Selection Up |
LeftArrow |
Move Cell Selection Left |
RightArrow |
Move Cell Selection Right |
Ctrl + UpArrow |
Collapse All |
Ctrl + DownArrow |
Expand All |
Ctrl + Shift + UpArrow |
Collapse Row |
Ctrl + Shift + DownArrow |
Expand Row |
Enter |
Save Request |
Esc |
Cancel Request |
Insert |
Add Record |
Ctrl + Insert |
Add Record By Dialog |
Ctrl + F2 |
Edit Record By Dialog |
Delete |
Delete Row |
Ctrl + Shift + F |
Focus Search Textbox |
Shift + F5 |
Focus Task |
Shift + DownArrow |
Move Cell Selection Down |
Shift + UpArrow |
Move Cell Selection Up |
Shift + LeftArrow |
Move Cell Selection Left |
Shift + RightArrow |
Move Cell Selection Right |
Ctrl + Z |
Undo Last Action |
Ctrl + Y |
Redo Last Action |