apache-flex - フレックスタブナビゲータタブクリックイベント

Question

私は子供として<mx:TabNavigator>いくつかの<s:NavigatorContent>タグを持っているを持っています。タブをクリックしたときにイベントをディスパッチしたい。NavigatorContentで「クリック」イベントを試しましたが、何もしませんでした。誰かがそれを使った経験がありますか？ありがとう

Answer 1

私はあなたがchangeイベントを望んでいると信じています。

ViewStackコンテナから継承されます: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/containers/ViewStack.html#event:change

Answer 2

こんにちは、ショーイベントを使用すると、あなたが望むことができると思いますか?

特定のものが表示されたときにトリガーされるイベントが必要で、タブナビゲーターのナビゲーターコンテンツごとに異なるアクションが必要でした。

それが誰かを助けることを願っています:)

Answer 3

<mx:Module>
    <mx:TitleWindow id="tw" creationComplete="{init();}">
        <mx:Script>
            <![CDATA[
                import mx.controls.Button;
                import mx.events.FlexEvent;
                private function init():void {
                    for (var i:int=0; i<tabNav.getChildren().length; i++)  
                    {  
                        var tab:Button = tabNav.getTabAt(i);  
                        tab.addEventListener(FlexEvent.BUTTON_DOWN,tabClickHandler);  
                    }  
                }
                private function onClickTab(event:Event):void {
                    tw.title="onClickTab:"+event.target;
                }
                private function tabClickHandler(event:FlexEvent):void {
                    for (var i:int=0; i<tabNav.getChildren().length; i++)  
                    {  
                        if (event.target == tabNav.getTabAt(i)) {
                            var child:Object = tabNav.getChildAt(i);
                            child.dispatchEvent(new MouseEvent(MouseEvent.CLICK)); 
                            break;
                        }
                    }  
                }  
            ]]>
        </mx:Script>
        <mx:TabNavigator id="tabNav" width="200" height="200">
            <mx:VBox id="vbTab1" label="Tab 1" click="onClickTab(event)">
            </mx:VBox>
            <mx:VBox id="vbTab2" label="Tab 2" click="onClickTab(event)">
            </mx:VBox>
        </mx:TabNavigator>
    </mx:TitleWindow>
</mx:Module>