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 flexcoders@yahoogroups.com, 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>
>
