Load the modules when navigating to tabs in TabNavigator : TabNavigator « Container « Flex






Load the modules when navigating to tabs in TabNavigator

Load the modules when navigating to tabs in TabNavigator
      


<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->



<!-- modules/URLModuleLoaderApp.mxml -->
<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">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <mx:Panel title="Module Example" height="90%" width="90%" paddingTop="10"
        paddingLeft="10" paddingRight="10" paddingBottom="10">
        <s:Label width="100%" color="blue"
            text="Select the tabs to change the panel." />
        <mx:TabNavigator id="tn" width="100%" height="100%"
            creationPolicy="auto">
            <mx:VBox id="vb1" label="Column Chart Module">
                <s:Label id="l1" text="ColumnChartModule.swf" />
                <mx:ModuleLoader url="movies/ColumnChartModule.swf" />
            </mx:VBox>
            <mx:VBox id="vb2" label="Bar Chart Module">
                <s:Label id="l2" text="BarChartModule.swf" />
                <mx:ModuleLoader url="movies/BarChartModule.swf" />
            </mx:VBox>
        </mx:TabNavigator>
    </mx:Panel>
</s:Application>

   
    
    
    
    
    
  








Related examples in the same category

1.TabNavigator EffectTabNavigator Effect
2.Put VBox into TabNavigatorPut VBox into TabNavigator
3.Add Panel to TabNavigatorAdd Panel to TabNavigator
4.Contain a Spark List control and an TabNavigator containerContain a Spark List control and an TabNavigator container
5.NavigatorContent inside a TabNavigatorNavigatorContent inside a TabNavigator
6.Put Form into TabNavigatorPut Form into TabNavigator
7.TabNavigator creation PolicyTabNavigator creation Policy
8.Load modules when the user navigates to the appropriate tabs in TabNavigatorLoad modules when the user navigates to the appropriate tabs in TabNavigator
9.Add child component to TabNavigatorAdd child component to TabNavigator
10.Enable child of TabNavigator
11.Disable TabControls Within a TabNavigator
12.Get child count in TabNavigator
13.TabNavigator containerTabNavigator container
14.Change URL as TabNavigator changedChange URL as TabNavigator changed
15.Use Button to select TabUse Button to select Tab
16.Using a tab navigator to created tabbed navigationUsing a tab navigator to created tabbed navigation
17.Responding to tab changes in a tab navigatorResponding to tab changes in a tab navigator
18.Using an event object to pass information about selected tabUsing an event object to pass information about selected tab