Today I face the problem of open the tree without using the disclosure open and Close Icon and also they need to changr the First folder Icon only.
Then I need to make the search and find out code for open the tree without disclosure Icon and also I merged the code for change the tree’s first folder.
I give the coding below…
You can use it.
Thanks for flexexamples
< ?xml version="1.0" encoding="utf-8"?>
< !-- http://blog.flexexamples.com/2008/04/05/opening-branches-by-clicking-rows-in-a-tree-control-in-flex/ -->
< mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
< mx:Script>
< ![CDATA[
import mx.collections.ICollectionView;
import mx.events.ListEvent;
< !----- Function to change the folder Icon of first node ----!>
[Embed("assets/folder_table.png")]
private var FolderTableIcon:Class;
private function init():void
{
var nodeOne:XML = xmlListColl.getItemAt(0) as XML;
tree.setItemIcon(nodeOne, FolderTableIcon, FolderTableIcon);
}
< !---Function for open the tree without disclosure Icon ---!>
private function tree_itemClick(evt:ListEvent):void {
var item:Object = Tree(evt.currentTarget).selectedItem;
if (tree.dataDescriptor.isBranch(item)) {
tree.expandItem(item, !tree.isItemOpen(item), true);
}
}
private function tree_labelFunc(item:XML):String {
var children:ICollectionView;
var suffix:String = "";
if (tree.dataDescriptor.isBranch(item)) {
children = tree.dataDescriptor.getChildren(item);
suffix = " (" + children.length + ")";
}
return item[tree.labelField] + suffix;
}
]]>
< /mx:Script>
< mx:XML id="dp">
< root>
< folder label="One">
< folder label="One.A">
< item label="One.A.1" />
< item label="One.A.2" />
< item label="One.A.3" />
< item label="One.A.4" />
< item label="One.A.5" />
< /folder>
< item label="One.1" />
< item label="One.2" />
< /folder>
< folder label="Two">
< item label="Two.1" />
< folder label="Two.A">
< item label="Two.A.1" />
< item label="Two.A.2" />
< /folder>
< /folder>
< /root>
< /mx:XML>
< mx:Tree id="tree"
dataProvider="{dp}"
showRoot="false"
labelField="@label"
labelFunction="tree_labelFunc"
width="300"
rowCount="6"
itemClick="tree_itemClick(event);" />
< /mx:Application>
You can also download this coding from click here
Leave the comments to Improve us….
