Mega Code Archive

 

Categories / Flex / Components

 

Tree uses an XMLListCollection object as the data source

<!-- 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\UseXMLDP.mxml --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"     xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"     width="650">     <s:layout>         <s:VerticalLayout />     </s:layout>     <fx:Declarations>         <fx:XML id="capitals">             <root>                 <Capitals label="U.S. State Capitals">                     <capital label="AL" value="Montgomery" />                     <capital label="AK" value="Juneau" />                     <capital label="AR" value="Little Rock" />                     <capital label="AZ" value="Phoenix" />                 </Capitals>                 <Capitals label="Canadian Province Capitals">                     <capital label="AB" value="Edmonton" />                     <capital label="BC" value="Victoria" />                     <capital label="MB" value="Winnipeg" />                     <capital label="NB" value="Fredericton" />                 </Capitals>             </root>         </fx:XML>         <!--             Create an XMLListCollection representing the Tree nodes.             capitals.Capitals is an XMLList with both Capitals elements.         -->         <mx:XMLListCollection id="capitalColl" source="{capitals.Capitals}" />     </fx:Declarations>     <s:Label         text="These two Tree controls appear identical, although their data sources are different." />     <s:HGroup>         <!--             When you use an XML-based data provider with a tree you must specify             the label field, even if it is "label". The XML object includes the             root, so you must set showRoot="false". Remember that the Tree will             not, by default, reflect dynamic changes to the XML object.         -->         <mx:Tree id="Tree1" dataProvider="{capitals}" labelField="@label"             showRoot="false" width="300" />         <!-- The XMLListCollection does not include the XML root. -->         <mx:Tree id="Tree2" dataProvider="{capitalColl}" labelField="@label"             width="300" />     </s:HGroup> </s:Application>