Use selectedChild property : Accordion « Components « Flex






Use selectedChild property

Use selectedChild property
          

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Accordion id="accordion1" height="450">
        <mx:Form id="shippingAddress" label="Address">
            <mx:FormItem id="sfirstNameItem" label="First Name">
                <mx:TextInput id="sfirstName" />
            </mx:FormItem>
        </mx:Form>
        <mx:Form id="billingAddress" label="Address">
        </mx:Form>
        <mx:Form id="creditCardInfo" label="Information">
        </mx:Form>
        <mx:Form id="submitOrder" label="Submit">
            <mx:Button id="nextButton" label="Next" click="accordion1.selectedChild=creditCardInfo;" />
        </mx:Form>
    </mx:Accordion>
</mx:Application>

   
    
    
    
    
    
    
    
    
    
  








Related examples in the same category

1.Creating an accordion navigatorCreating an accordion navigator
2.Register an event listener in MXML for Accordion change eventRegister an event listener in MXML for Accordion change event
3.Accordion container, IndexChangedEventAccordion container, IndexChangedEvent
4.Define an event listener for Accordion initialize eventDefine an event listener for Accordion initialize event
5.Creating and removing children of an Accordion containerCreating and removing children of an Accordion container
6.Put Form inside an Accordion container
7.Creating an Accordion containerCreating an Accordion container
8.Open last panel in the Accordion containerOpen last panel in the Accordion container
9.Set a different text color for each Accordion buttonsSet a different text color for each Accordion buttons
10.Register an event listener in MXML that is processed when you change views in an Accordion container.Register an event listener in MXML that is processed when you change views in an Accordion container.
11.History management is Enabled for this AccordionHistory management is Enabled for this Accordion
12.History management is disabled for this AccordionHistory management is disabled for this Accordion
13.Define an event listener for the initialize event, which is dispatched when the user first navigates to Pane 2 of an MX Accordion navigator containerDefine an event listener for the initialize event, which is dispatched when the user first navigates to Pane 2 of an MX Accordion navigator container
14.Using the Spark NavigatorContent container as a child of an Accordion containerUsing the Spark NavigatorContent container as a child of an Accordion container
15.Accordion Button NavigationAccordion Button Navigation
16.Set a different text color for each of the Accordion buttonsSet a different text color for each of the Accordion buttons
17.Set Accordion creationPolicy to all, which instructs the container to instantiate all controls for every panel in the navigator container when the application startsSet Accordion creationPolicy to all, which instructs the container to instantiate all controls for every panel in the navigator container when the application starts
18.Accordion is opened to the panel corresponding to the value of the index fragmentAccordion is opened to the panel corresponding to the value of the index fragment