Hierarchical AdvancedDataGrid Tree Column(TreeTable)

      

<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->


    <!-- dpcontrols/adg/HierarchicalADGCategoriesTreeColumn.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:s="library://ns.adobe.com/flex/spark">
    <fx:Script> 
         
        import mx.collections.ArrayCollection; 
        
        [Bindable] 
        private var dpHierarchy:ArrayCollection = new ArrayCollection([ 
        {Region:"Southwest", children: [ 
            {Region:"Arizona", children: [ 
                {Territory_Rep:"Barbara Jennings", Actual:38865, Estimate:40000}, 
                {Territory_Rep:"Dana Binn", Actual:29885, Estimate:30000}]}, 
                {Region:"Central California", children: [ 
                    {Territory_Rep:"Joe Smith", Actual:29134, Estimate:30000}]}, 
                    {Region:"Nevada", children: [ 
                        {Territory_Rep:"Bethany Pittman", Actual:52888, Estimate:45000}]}, 
                        {Region:"Northern California", children: [ 
                            {Territory_Rep:"Lauren Ipsum", Actual:38805, Estimate:40000}, 
                            {Territory_Rep:"T.R. Smith", Actual:55498, Estimate:40000}]}, 
                            {Region:"Southern California", children: [ 
                                {Territory_Rep:"Alice Treu", Actual:44985, Estimate:45000}, 
                                {Territory_Rep:"Jane Grove", Actual:44913, Estimate:45000}]} 
            ]} 
        ]); 
      
    </fx:Script>
    <mx:AdvancedDataGrid width="100%" height="100%"
        treeColumn="{rep}">
        <mx:dataProvider>
            <mx:HierarchicalData source="{dpHierarchy}"
                childrenField="categories" />
        </mx:dataProvider>
        <mx:columns>
            <mx:AdvancedDataGridColumn dataField="Region" />
            <mx:AdvancedDataGridColumn id="rep"
                dataField="Territory_Rep" headerText="Territory Rep" />
            <mx:AdvancedDataGridColumn dataField="Actual" />
            <mx:AdvancedDataGridColumn dataField="Estimate" />
        </mx:columns>
    </mx:AdvancedDataGrid>
</s:Application>

1.	XML data for Tree view
2.	Reference XML attribute for tree data
3.	Set dataProvider for Tree control through xml attribute
4.	Using XML data models and use it as data for Tree control
5.	Tree data is from XMLListCollection
6.	Use ActionScript to set up the data provider for Tree control
7.	Fill XML data into Tree and get it back when selected
8.	AdvancedDataGrid with Grouping(A tree table).
9.	Tree uses an XMLListCollection object as the data source:
10.	Tree with static data
11.	Use an XML object and Tree control
12.	Tree control and XMLListCollection
13.	Build Tree from XMLListCollection
14.	Search Tree node is to search XML with XPath
15.	Build a tree out of an XML document
16.	Tree controls uses an XML object directly
17.	Create Tree object from XMLList
18.	Tree with static value

Hierarchical AdvancedDataGrid Tree Column(TreeTable) : Tree Data « Components « Flex

Related examples in the same category