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

Home Flex 1. Chart 2. Components 3. Container 4. Data Model 5. Development 6. Effects 7. Event 8. Graphics 9. Grid 10. Style

Flex » Data Model » ArrayCollection Screenshots  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