Also look at treedatadescriptor, that gives you a lot of control.
On 8/13/08, guillaumeracine <[EMAIL PROTECTED]> wrote:
>
> If you want your tree to be displayed correctly populate it with custom
> value object that follows this structure:
>
> public class GroupItemVO{
> public var name:String;
> public var children:Array;
>
> public function addChildren(item:GroupItem):void{
> this.children.addItem(item);
> }
> }
>
> and then the dataProvider of the tree must be a collection containing a
> single GroupItemVO (root) that contains sub GroupItemVO in its children
> property...and so on
>
> The flex tree will know how to display the nodes correctly by recusivly
> inspecting the children attribute.
>
> I hope this will help you.
> --- In [email protected], venkat eswar <[EMAIL PROTECTED]> wrote:
>>
>> i have one doubt.i have to create a tree(group like chat application).
> actually i am using an array and that values has to be displayed as
> children.Here it is groupArr.also the groupName has to be kept as root
> and the array values has to be the children of the root (ie groupName).
>>
>>
>>
>>
>> <?xml version="1.0" encoding="utf-8"?>
>> <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"; width="448"
> height="454">
>>
>> <mx:Script>
>> <![CDATA[
>> import mx.controls.Alert;
>>
>> import mx.controls.CheckBox;
>> import mx.collections.ArrayCollection;
>> import mx.events.CollectionEvent;
>> import com.screencasterlive.model.DataManager;
>> import org.igniterealtime.xiff.data.im.RosterItem;
>> import com.screencasterlive.events.JabberEvent;
>>
>>
>>
>> public var obj:Object = new Object();
>>
>>
>> [Bindable]
>> private var dataManager:DataManager=DataManager.getInstance();
>>
>>
>> private function saveGroup(evt:Event):void
>> {
>>
>>
>> var idx:int;
>>
>> var len:int = dataManager.userGroup.length;
>>
>> for (idx=0; idx<len; idx++)
>> {
>> if (groupCheck[idx].selected)
>> {
>> dataManager.groupArr.push(groupCheck[idx].label);
>> }
>>
>> }
>>
>> dataManager.groupName = GroupNameText.text;
>>
>> Alert.show(dataManager.groupArr.toString());
>>
>> obj.groupArr = dataManager.groupArr;
>> obj.groupName = dataManager.groupName;
>> trace(obj.groupName);
>> trace(obj.groupArr);
>> groupListBox.visible = false;
>> formName.visible = false;
>> treeGroupBox.visible = true;
>>
>> tree.dataProvider = dataManager.groupArr;
>>
>>
>>
>> }
>>
>>
>>
>> ]]>
>> </mx:Script>
>>
>>
>> <mx:TitleWindow x="61" y="10" width="316" height="399"
> layout="absolute" showCloseButton="true">
>> <mx:Form width="296" id="formName" verticalScrollPolicy="off"
> horizontalScrollPolicy="off">
>> <mx:FormItem label="Group Name" width="265">
>> <mx:TextInput id="GroupNameText" width="176"/>
>> </mx:FormItem>
>> </mx:Form>
>>
>> <mx:VBox y="62" x="26" id="groupListBox">
>> <mx:Repeater id="r" dataProvider="{dataManager.userGroup}">
>> <mx:CheckBox id="groupCheck"
> label="{r.currentItem.toString()}" />
>> </mx:Repeater>
>> </mx:VBox>
>>
>> <mx:VBox id="treeGroupBox" visible="false" x="10" y="122"
> height="107" width="226" verticalScrollPolicy="off"
> horizontalScrollPolicy="off">
>> <mx:Tree id="tree" height="190" verticalScrollPolicy="off"
> horizontalScrollPolicy="off" width="251">
>>
>> </mx:Tree>
>> </mx:VBox>
>> <mx:Button x="74" y="327" label="Save" emphasized="true"
>> click="saveGroup(event);"/>
>> <mx:Button x="147" y="327" label="Cancel" />
>>
>> </mx:TitleWindow>
>>
>>
>> </mx:Canvas>
>>
>
>
--
Ryan Gravener
http://twitter.com/ryangravener
