radioButton切换页签TabNavigator

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
 <s:layout>
  <s:HorizontalLayout/>
 </s:layout>
 <fx:Declarations>
  <!-- 将非可视元素（例如服务、值对象）放在此处 -->
  <mx:RadioButtonGroup id="myRadios"/>
 </fx:Declarations>
 
 <fx:Script>
  <![CDATA[
   private function onClick(event:MouseEvent):void{
    var radio:RadioButton = event.currentTarget as RadioButton;
    if (radio.id=="num"){
     trace("num");
     Tnum.visible=true;
     Tzimu.visible=false;
    }else{
     trace("zimu");
     Tnum.visible=false;
     Tzimu.visible=true;
    }
   }
  ]]>
 </fx:Script>
 <mx:Panel width="100%">
  <mx:VBox width="100%">
   <mx:HBox width="100%">
    <mx:RadioButton group="{myRadios}" id="num" click="onClick(event)"/><mx:RadioButton group="{myRadios}" click="onClick(event)"  id="zimu"/>
   </mx:HBox>
   <mx:HBox width="100%">
    <mx:VBox width="100%" height="100%">
     
    
     <mx:TabNavigator id="Tnum" includeInLayout="{Tnum.visible}"  width="100%" height="100%">
      <mx:VBox id="n1" label="111"><mx:Label text="111"/></mx:VBox>
      <mx:VBox id="n2" label="222"><mx:Label text="222"/></mx:VBox>
      <mx:VBox id="n3" label="333"><mx:Label text="333"/></mx:VBox>
     </mx:TabNavigator>

     <mx:TabNavigator id="Tzimu" includeInLayout="{Tzimu.visible}" visible="false" height="100%" width="100%">
      <mx:VBox id="aaa" label="aaa" visible="false"><mx:Label text="aaa"/></mx:VBox>
      <mx:VBox id="bbb" label="bbb" visible="false"><mx:Label text="bbb"/></mx:VBox>
      <mx:VBox id="ccc" label="ccc" visible="false"><mx:Label text="ccc"/></mx:VBox>
     </mx:TabNavigator>
   
    
    </mx:VBox>
   </mx:HBox>
  </mx:VBox>
 </mx:Panel>
</s:Application>