14 Jun 2012 3:35 AM #1
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
14 Jun 2012 11:00 AM #2
15 Jun 2012 12:09 AM #3
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?
15 Jun 2012 12:55 AM #4
17 Jun 2012 2:07 PM #5
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 ?
18 Jun 2012 1:14 AM #6
I haven't tried it in that broad scale but I do not expect any big troubles as this won't modify the DOM. Modifying DOM is usually slowest in many browsers.