Focus auf ein Element nach umschalten des "selectedIndex" eines TabNavigators

[rendner[i]]

Ich möchte mit det Tab-Taste über alle Elemente eines TabNavigators "iterieren". Sobald die letzte Komponente eines Tabs den Fokus verliert möchte ich den nächsten Tab anspringen und den Fokus auf die erste Komponente setzen um dort weiter zu taben.

Selbst wenn ich es mit einem Timeout schaffe den Fokus auf das erste Element zu setzen, funktioniert das Verhalten nicht mehr richtig.

Wie kann ich das verhalten modifizieren um ganz normal durch alle Elemente zu taben?

Hier ein kleines Beispiel zu dem Sachverhalt. Einfach den Fokus in das erste Textfeld setzen und dann per Tab durchschalten. Nach dem Umschalten des Tabnavigators soll der Fokus im neuen Tab stehen und dort ganz normal weiter getabt werden.

PHP-Code:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
                minWidth="955" 
                minHeight="600" 
                layout="vertical">
    
    
    <mx:Script>
        <![CDATA[
            import flash.utils.setTimeout;
            
            import mx.core.UIComponent;

            private function tabNavigator_keyDownHandler(event:KeyboardEvent):void
            {
                if(event.keyCode == Keyboard.TAB)
                {
                    var lastTabChild:UIComponent = tabNavigator.selectedChild.getChildAt(tabNavigator.selectedChild.numChildren - 1) as UIComponent;
                    if(tabNavigator.focusManager.getFocus() == lastTabChild)
                    {
                        if(tabNavigator.selectedIndex < tabNavigator.numChildren - 1)
                        {
                            tabNavigator.selectedIndex++;
                            
                            var firstChildTab:UIComponent = tabNavigator.selectedChild.getChildAt(0) as UIComponent;
                            
                            // apply focus
                            //setTimeout(firstChildTab.setFocus, 100);
                        }
                    }
                }
            }

        ]]>
    </mx:Script>
    
    <mx:TextInput text="first"/>
    
    
    <!-- tab navigator -->
    <mx:TabNavigator id="tabNavigator" 
                     tabChildren="true"
                     tabEnabled="false"
                     width="250"
                     height="120"
                     creationPolicy="all"
                     keyDown="tabNavigator_keyDownHandler(event)">
        
        <!-- tab A -->
        <mx:VBox id="containerA" label="TabA" horizontalAlign="center" >
            <mx:TextInput />
            <mx:TextInput />
        </mx:VBox>
        
        <!-- tab B -->
        <mx:VBox id="containerB" label="TabB" horizontalAlign="center">
            <mx:TextInput />
            <mx:TextInput />
            
        </mx:VBox>
        
    </mx:TabNavigator>
    
    
    <mx:TextInput text="last" />
    
</mx:Application>

[Omega Psi]

Müsstest du nicht über den FocusEvent.FOCUS_OUT an die letzte Komponente kommen und dann könntest du händisch die nächste setzen... so die Theorie.

[rendner[i]]

FOCUS_OUT ist schlecht, da ich dann nicht weiß ob der user per TAB oder per Mouse den wechsel vollzogen hat. Zumindest konnte ich nichts finden anhand man dies identifiezieren konnte.
Mit der geposteten Methode bekomme ich ja auch das letzte Element, aber wenn ich den Fokus selber setze, gibts Probleme.

Gerade im Safari getestet und da funktioniert es so wie es soll. Scheint also an meinem Firefox zu liegen . Oder kann man dies durch ein internes management korrigieren?

[Omega Psi]

Es gibt doch auch FocusEvent.KEY_FOCUS_CHANGE und FocusEvent.MOUSE_FOCUS_CHANGE, neben FocusEvent.FOCUS_IN und FocusEvent.FOCUS_OUT. Sind die nicht interessant?

[rendner[i]]

Die hatte ich ehrlich gesagt nicht gesehen. Nutzen tut mir dies aber leider auch nichts, da ich in dem "KEY_FOCUS_CHANGE" nicht das neue Element geliefert bekomme welches den Fokus erhalten soll. Dieses benötige ich aber um festzustellen ob das neue Element noch zu meinem TabNavigator gehört. Beim eintreffen des KEY_FOCUS_CHANGE-Events kann ich das aktuelle Element erfragen, es läst sich aber nur umständlich feststellen ob dies das letzte oder erste Element eines Tabs ist. Da ich in der wirklichen Anwendung eine tiefe Verschachtelung habe.

[rendner[i]]

Problem ist nun gelöst. In meinem Projekt war Deeplinking aktiviert. Der Firefox hat nach dem ändern der URL nicht mehr den Fokus auf die SWF zurück gegeben, weshalb das taben nicht mehr möglich war.

[Omega Psi]

Ach, verdammt. Hatte sonst noch die Idee gehabt, durch die Komponenten von innen nach aussen ein Array zu konkatenieren, in dem die Fokusreihenfolge festgelegt ist. In der Capture Phase hätte man dann schon auf System Ebene den Fokus setzen können... aber ist auch nur so eine Idee gewesen.