2013-03-27 49 views
0
我使用一个标签导航

我的主要应用程序MXML,我可以在任何地方通过下面的代码访问标签导航仪应用程序..访问标签导航及其子从一个子元素

mx.core.FlexGlobals。 topLevelApplication.menuOption.selectedIndex = 0;

现在我的问题是我在事务UI中使用了一个切换按钮栏,这是一个选项卡导航器的子元素,如何访问像上面提到的代码那样的元素?

我的主MXML标签导航::

<mx:TabNavigator left="10" top="20" bottom="10" right="10" id="menuOption" > 

    <ui1:homeUI label="Home" width="100%" height="100%" backgroundColor="#373737" chromeColor="#181818" contentBackgroundColor="#181818" color="#FDFDFD" /> 

    <ui1:transactionUI label="Transaction" width="100%" height="100%" backgroundColor="#373737" />  

     <ui1:calanderUI label="Employee service" width="100%" height="100%" horizontalCenter="0" backgroundColor="#373737" chromeColor="#181818" contentBackgroundColor="#181818" color="#FDFDFD" /> 
     <ui1:ManagementUI label="Management" width="100%" height="100%" backgroundColor="#373737" chromeColor="#181818" contentBackgroundColor="#181818" color="#FDFDFD" /> 
     <ui1:reportUI label="Reports" width="100%" height="100%" backgroundColor="#373737" chromeColor="#181818" contentBackgroundColor="#181818" color="#FDFDFD" /> 

     <ui1:admin label="Admin" width="100%" height="100%" backgroundColor="#373737" chromeColor="#181818" contentBackgroundColor="#181818" color="#FDFDFD" /> 

    </mx:TabNavigator> 

在我的主应用程序MXML我使用的标签导航,我可以用下面的代码在任何地方访问该选项卡浏览器在应用..

mx.core.FlexGlobals.topLevelApplication.menuOption.selectedIndex = 0;

现在我的问题是我在事务UI中使用了一个切换按钮栏,这是一个选项卡导航器的子元素,如何访问像上面提到的代码那样的元素?

我的主MXML标签导航::

<ui1:homeUI label="Home" width="100%" height="100%" backgroundColor="#373737" chromeColor="#181818" contentBackgroundColor="#181818" color="#FDFDFD" /> 

<ui1:transactionUI label="Transaction" width="100%" height="100%" backgroundColor="#373737" />  

    <ui1:calanderUI label="Employee service" width="100%" height="100%" horizontalCenter="0" backgroundColor="#373737" chromeColor="#181818" contentBackgroundColor="#181818" color="#FDFDFD" /> 
    <ui1:ManagementUI label="Management" width="100%" height="100%" backgroundColor="#373737" chromeColor="#181818" contentBackgroundColor="#181818" color="#FDFDFD" /> 
    <ui1:reportUI label="Reports" width="100%" height="100%" backgroundColor="#373737" chromeColor="#181818" contentBackgroundColor="#181818" color="#FDFDFD" /> 

    <ui1:admin label="Admin" width="100%" height="100%" backgroundColor="#373737" chromeColor="#181818" contentBackgroundColor="#181818" color="#FDFDFD" /> 

</mx:TabNavigator> 

* 内transactionUI我的肘杆:: *

<s:NavigatorContent xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark" 
       xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" 
       xmlns:ui="com.colan.*" xmlns:ui1="com.colan.ui.*" 
       backgroundColor="#373737" chromeColor="#181818" 
       contentBackgroundColor="#181818" color="#FDFDFD"> 
<fx:Declarations> 
    <!-- Place non-visual elements (e.g., services, value objects) here --> 
</fx:Declarations> 
<fx:Script> 
    <![CDATA[ 

     import mx.collections.*; 
     import mx.core.*; 
    ]]> 
</fx:Script> 
<mx:VBox horizontalAlign="center" verticalAlign="middle" width="100%" height="100%"> 

    <mx:HBox horizontalAlign="center" verticalAlign="middle" width="100%" height="15%" > 

     <mx:ToggleButtonBar id="toggleButtonBar" 
          dataProvider="{viewStack}"  
          selectedButtonTextStyleName="mySelectedButtonTextStyleName" 
          /> 


    </mx:HBox> 
    <mx:HBox horizontalAlign="center" verticalAlign="middle" width="100%" height="85%" > 


     <mx:ViewStack id="viewStack"     
         visible="{toggleButtonBar.selectedIndex > -1}" width="100%" height="100%" > 

      <ui1:transaction label="Transaction"/> 
      <ui1:addClient label="Add Client"/> 
      <ui1:invoice label="Make invoice"/> 
      <ui1:workCatalogue label="Work catalogue"/> 
      <ui1:productCataloge label="Products Categories"/> 

      <ui1:suppliers label="Offers"/> 
      <ui1:calendarPlanUI label="Calendar"/> 


     </mx:ViewStack> 
    </mx:HBox> 
</mx:VBox> 

请咨询我...

+1

这是否有帮助:http://www.flextras.com/blog/index.cfm/2013/2/1/How-does-one-Flex-Component-talk-to-another-Flex-Component – JeffryHouser 2013-03-27 18:24:58

回答

0

( (mx.core.FlexGlobals.topLevelApplication.menuOption).getChildAt(1)as transactionUI).toggleButtonBar

尽管这很粗糙,但可以帮助您开始。没有测试过。