PDA

View Full Version : Customizing the Key Board Navigation using Focus Manager.



rajindarreddy
18 Jul 2013, 1:22 AM
In Our Old Application which is developed using HTML, JavaScript. Using 'TAB' Key in Keyboard to navigate the application using keyboard,

To support the Applciation in Cross Browser we are re-writing the code using EXTJS, Now the issue we are facing is with the Key Board Navigation.

Client is expecting the same way of key board navigation Using "TAB" Key in Extjs Application pages. is it possible to do the same way of key board navigation using "tab" Key by writing the code in one place?

I Understood By Enabling focus Manager we can navigate to each component in Extjs Application. can we customize the key board navigation using focus Manager? if it is possible can you also pelase provide a example.

julio.batista
19 Jul 2013, 3:27 AM
If I understood you want to navigate over all your application using "tab"?
Or you just want to navigate through the fields in a form?

slemmon
23 Jul 2013, 9:44 AM
Some elements such as form fields and grid rows automatically work with keyboard navigation. The focusManager focuses based on DOM order and may not give you the control you're looking for.

Setting up custom KeyNav instances may ultimately be your best solution:
http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.util.KeyNav