Wednesday, April 2, 2008

Tree Component with Trunk

Recently, I came across a tree component which needed to have trunk (i.e. vertical lines under the folder icons, whenever branching occurs...)
I did some searching and came across the TreeGrid component developed for FlexLib. This solved part of my problem since this tree is within the DataGrid and I did not want the DataGrid, also the trunks here were as solid lines and I wanted dotted/dashed lines.

I began studying the component and put together a Tree Component with the dotted trunks.

Also I have added the following features
1. Instead of the entire row being highlighted when a node is clicked, only the text of node is highlighted.
2. All nodes which have children appear as Bold.

Click here to view the example. (View Source enabled)



Please note I am still working on this and shall update this component again. The current version uses some hardcoded values.

0 comments: