Creating and removing children of an Accordion container

      
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        
        import mx.containers.HBox;
        private var hBoxes:Array = [];
        public function addControlButton():void {
            var newHB:HBox = new HBox();
            newHB.label = "my label: " + String(hBoxes.length);
            hBoxes.push(myAcc.addChild(newHB));
        }
        public function deleteControlButton():void {
            if (hBoxes.length>= 1) {
                myAcc.removeChild(hBoxes.pop());
            }
        }
      
    </mx:Script>
    <mx:VBox>
        <mx:Accordion id="myAcc" height="150" width="150">
            <mx:HBox label="Initial HBox" />
        </mx:Accordion>
        <mx:Button label="Add HBox" click="addControlButton();" />
        <mx:Button label="Remove HBox" click="deleteControlButton();" />
    </mx:VBox>
</mx:Application>

Related examples in the same category

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

Creating and removing children of an Accordion container : Accordion « Components « Flex

Related examples in the same category