The following code shows you how you can use an Array as a data provider for a Tree control in Flex.
Full code after the jump.
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/12/03/using-an-array-as-a-data-provider-in-a-flex-tree-control/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Script>
<![CDATA[
private function tree_labelFunc(item:Object):String {
var suffix:String = "";
if (tree.dataDescriptor.hasChildren(item)) {
suffix = " (" + item.children.length + ")";
}
return item.name.toUpperCase() + suffix;
}
]]>
</mx:Script>
<mx:Array id="arr">
<mx:Object name="One">
<mx:children>
<mx:Array>
<mx:Object name="Two" />
<mx:Object name="Three" />
<mx:Object name="Four">
<mx:children>
<mx:Array>
<mx:Object name="Five" />
<mx:Object name="Six" />
</mx:Array>
</mx:children>
</mx:Object>
<mx:Object name="Seven">
<mx:children>
<mx:Array>
<mx:Object name="Eight" />
</mx:Array>
</mx:children>
</mx:Object>
<mx:Object name="Nine" />
</mx:Array>
</mx:children>
</mx:Object>
</mx:Array>
<mx:Tree id="tree"
dataProvider="{arr}"
labelFunction="tree_labelFunc"
width="200" />
</mx:Application>
View source is enabled in the following example.
Nice one.
Do you know how I can navigatie in a viewstack with a tree?
public function treeChanged(event:Event):void
{
if(event.target.selectedItem.@vs == “”)
{
Alert.show(”empty”);
}
else
{
contentA.selectedChild = Tree(event.target).selectedItem.@vs as Container;
}
But that doesn’t work.