flex tabnavigator 选项卡点击事件

Question

我有一个 ，它有一些 标签作为孩子。我希望选项卡在单击它们时调度一个事件。我尝试了 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>