Using nested data in an ArrayCollection to display hierarchically

      

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        
        import mx.collections.ArrayCollection;
        [Bindable]
        public var myAC:ArrayCollection = new ArrayCollection([
        {
            name:'Friends', children:[
                {name:'A', email:'[email protected]'},
                {name:'B', email:'[email protected]'},
                {name:'C', email:'[email protected]'}]},
            
            {name:'Family', children:[
                {name:'Z', email:'[email protected]'},
                {name:'S', email:'[email protected]'}]
        }]);
      
    </mx:Script>
    <mx:HierarchicalData source="{myAC}" id="myHD" />
    <mx:AdvancedDataGrid dataProvider="{myHD}" width="300">
        <mx:columns>
            <mx:AdvancedDataGridColumn dataField="name"  headerText="Contacts" />
            <mx:AdvancedDataGridColumn dataField="email" headerText="Email" />
        </mx:columns>
    </mx:AdvancedDataGrid>
</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.	Filter and refresh function for ArrayCollection
8.	ArrayCollection data provider
9.	Use ActionScript to declare and create the ArrayCollection object
10.	Insertion on the Array and ArrayCollection
11.	Sort ArrayCollection
12.	Add item to ArrayCollection
13.	Remove item from ArrayCollection by index
14.	Update item in ArrayCollection
15.	ArrayCollection collectionChange event
16.	Create ArrayCollection from Array
17.	Use Timer to add data to ArrayCollection
18.	Put random value to ArrayCollection
19.	Bind ArrayCollection to List and update ArrayCollection to change List
20.	Use individual ArrayCollection elements as the source or a binding expression
21.	Get data from ArrayCollection by label field
22.	Use Model as the source for ArrayCollection
23.	Create ArrayCollection from Model with ActionScript
24.	Get data frolm ArrayCollection by using index and property name
25.	Using ArrayCollection to handle complex data
26.	Converting an MXML data model into an ArrayCollection
27.	Simple ArrayCollection
28.	Add filter to ArrayCollection
29.	Spark DropDownList with Static String ArrayCollection
30.	An ArrayCollection object that is populated from a remote data source
31.	Define ArrayCollection Of Objects
32.	Create an Array, and then converts it to an ArrayCollection
33.	Use an tag to perform the conversion
34.	Real Time ArrayCollection
35.	defines data providers as ArrayCollections.
36.	Use ArrayCollection to store controls
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

Using nested data in an ArrayCollection to display hierarchically : ArrayCollection « Data Model « Flex

Related examples in the same category