Use ArrayCollection to store controls

            
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:s="library://ns.adobe.com/flex/spark">
    <mx:Script>
        
            import spark.events.RendererExistenceEvent;
            import mx.collections.ArrayCollection;
            import mx.controls.Alert;
            
            private function itemAdded( evt:RendererExistenceEvent ):void
            {
                Alert.show(evt.index + " : " + evt.data + " : " + evt.renderer );
            }
            private function itemRemoved( evt:RendererExistenceEvent ):void
            {
                Alert.show(evt.index + " : " + evt.data + " : " + evt.renderer );
            }
            
            private function addItem():void
            {
                if( collection.length > 0 )
                    myContent.dataProvider.addItem( collection.removeItemAt(0) );
            }
            private function removeItem():void
            {
                if( myContent.dataProvider.length > 0 )
                {
                    var item:Object = myContent.dataProvider.removeItemAt( myContent.dataProvider.length - 1 );
                    collection.addItem( item );
                }
            }
      
    </mx:Script>
    <mx:String id="txt">this is a test</mx:String>
    <mx:ArrayCollection id="collection">
         <mx:Label text="Using DefaultComplexItemRenderer." />
         <mx:Button label="button 1" />
         <s:DropDownList dataProvider="{new ArrayCollection(txt.split(' '))}" />
         <mx:CheckBox selected="true" />
    </mx:ArrayCollection>    
    <s:DataGroup id="myContent"
                 rendererAdd="itemAdded(event);" 
                 rendererRemove="itemRemoved(event);"
                 itemRenderer="spark.skins.spark.DefaultComplexItemRenderer">
        <s:dataProvider>
            <mx:ArrayCollection />
        </s:dataProvider>
        
    </s:DataGroup>
    
    <mx:Button label="add" click="addItem();" />
    <mx:Button label="remove" click="removeItem();" />
    
</mx:Application>

Related examples in the same category

1.	Add element to ArrayCollection and bind to DataGrid
2.	Define Array object and use it as source for ArrayCollection
3.	Using an array of components to dispaly Buttons
4.	Initializing an ArrayCollection using MXML with embedded data
5.	ArrayCollection is initialized with ActionScript
6.	Using an ArrayCollection to feed the DataGrid's dataProvider
7.	Using nested data in an ArrayCollection to display hierarchically
8.	Filter and refresh function for ArrayCollection
9.	ArrayCollection data provider
10.	Use ActionScript to declare and create the ArrayCollection object
11.	Insertion on the Array and ArrayCollection
12.	Sort ArrayCollection
13.	Add item to ArrayCollection
14.	Remove item from ArrayCollection by index
15.	Update item in ArrayCollection
16.	ArrayCollection collectionChange event
17.	Create ArrayCollection from Array
18.	Use Timer to add data to ArrayCollection
19.	Put random value to ArrayCollection
20.	Bind ArrayCollection to List and update ArrayCollection to change List
21.	Use individual ArrayCollection elements as the source or a binding expression
22.	Get data from ArrayCollection by label field
23.	Use Model as the source for ArrayCollection
24.	Create ArrayCollection from Model with ActionScript
25.	Get data frolm ArrayCollection by using index and property name
26.	Using ArrayCollection to handle complex data
27.	Converting an MXML data model into an ArrayCollection
28.	Simple ArrayCollection
29.	Add filter to ArrayCollection
30.	Spark DropDownList with Static String ArrayCollection
31.	An ArrayCollection object that is populated from a remote data source
32.	Define ArrayCollection Of Objects
33.	Create an Array, and then converts it to an ArrayCollection
34.	Use an tag to perform the conversion
35.	Real Time ArrayCollection
36.	defines data providers as ArrayCollections.
37.	A sorted view of a collection
38.	Set item at third position to new value
39.	Result of using insert() and remove() on the current property

Use ArrayCollection to store controls : ArrayCollection « Data Model « Flex

Related examples in the same category