I need to implement keyboard navigation in my app. I've decided to use Ext.util.KeyNav in controllers to map different hotkeys to components (ie make focus on grid or panel), but I also need full keyboard navigation for components. Is there any out-of-box solutions for grid keyboard navigation?
Is there any simple ways to assign hotkey for button on component, possible looking like this:
text: 'Add Object',
keyEvent: 'alt+A' // This is smth that I need
Yes, KeyMap, thanks. But main question - I have to fully implement keyboard navigation for grid and panel, or is there any solutions to simplify rough work? Is there any quick way to add hotkey for button on panel? Or I have to manually create and configure KeyMap for each component?
Found Ext.FocusManager - and it is perfect solution for navigation in components.
Looks like I can use focus manager to focus required component, and that implement keyboard navigation(selecting/editing grid/tree row and hotkeys for different actions ) for each component using KeyMap. Can it be problem if I'll have hundreds of components each with KeyMap ?
There is east panel with 3 feeds - and user is able to user arrows keys to select feed - perfect. But if only change this panel from grid to tree key navigation breaks - pressing arrows makes both select prev/next tree item, and change focus to prev/next component.
Better to show using simple-tasks example
Add some tasks, select them in list (either in east or center) and try to use up/down arrows to navigate them. You'll see that pressing down up arrow both selects upper task and moves focus to upper element