Tree control
Download as PPT, PDF0 likes201 views
The Tree control in Flex displays hierarchical data. It gets its data from an XML structure, ArrayCollection, or XMLListCollection. The DefaultDataDescriptor class handles these collections efficiently and supports dynamic data changes. When using the Tree control, it is best to provide the data as an XMLList or XMLCollection for binding purposes. A sample program demonstrates creating a Tree with folders and subfolders using an XMLListCollection as the data provider.
Tree control
- 1. Tree Control Hemakumar.S Open Source Developer
- 2. Creating a Tree control Define a Tree control in MXML by using the <mx:Tree> tag. The Tree control normally gets its data from XML structure Array Collection or XMLListCollection.
- 3. DefaultDataDescriptor class Collections A collection implementation, such as an XMLListCollection or ArrayCollection object. The DefaultDataDescriptor class includes code to handle collections efficiently. Always use a collection as the data provider if the data in the menu changes dynamically; otherwise the Tree control might display obsolete data. XML A string containing valid XML text, or any of the following objects containing valid E4X format XML data: <mx:XML> or <mx:XMLList> compile-time tag, or an XML or XMLList object. Other objects An array of items, or an object that contains an array of items, where a node's children are contained in an item named children.
- 4. Sample Program The DefaultDataDescriptor class also supports using an <mx:Model> tag as a data provider for a menu, but all leaf nodes must have the name children; As a general rule, it is a better programming practice to use the <mx:XML> or <mx:XMLList> tags when you need a Tree data provider that uses binding. Example: <?xml version="1.0"?> <!-- dpcontrols/TreeSimple.mxml --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Tree id="tree1" labelField="@label" showRoot="true" width="160"> <mx:XMLListCollection id="MailBox"> <mx:XMLList> <folder label="Mail"> <folder label="INBOX"/> <folder label="Personal Folder">
- 5. Cont…. <Pfolder label="Business" /> <Pfolder label="Demo" /> <Pfolder label="Personal" isBranch="true" /> <Pfolder label="Saved Mail" /> </folder> <folder label="Sent" /> <folder label="Trash" /> </folder> </mx:XMLList> </mx:XMLListCollection> </mx:Tree> </mx:Application>
- 6. Screen Shot
- 7. Thank You