PDA

View Full Version : tabIndex not working on textfield inside compositefield in a menu



Chau
16 Dec 2010, 6:34 AM
I have a button-menu structure like this:



menu:
container (layout: 'anchor'):
compositefield:
box,
textfield
compositefield:
box,
textfield
compositefield:
box,
textfield
I have a tabIndex on each textfield inside the compositefields and yes, they are unique.

My problem: I cannot tab between the textfields.
My question: Does anyone have an idea why not?

Regards, Casper

DHainzl
6 Apr 2011, 11:48 PM
Hello,

yes, I know that this thread is old, but i stumbeled across it via google, having the same problem, and I decided to share my solution with you (in case anyone else is searching for this):

The problem here is, that the Ext.KeyNav from the menu is catching the tabulator key.
To solve this, I simply destroyed it when showing the menu - I only display a form in the menu and don't need a menu navigation for it:


this.mnu = new Ext.menu.Menu (
{
shadow: false,
plain: true,
items:
[
// form
],
listeners:
{
scope: this,
show: function (mnu)
{
mnu.keyNav.destroy();
}
}
});