TreeControl.js

TreeControlStyles.css

TreeControlDemo.htm

plus_blue.gif

minus_blue.gif

dot_blue.gif

How To Use The Control

The downloaded zip file contains three files. The control has been implemented in TreeControl.js file. The usage of this control has been demonstrated in TreeControlDemo.htm. It is very important that you follow the steps followed in the demo file.
Important Steps

Link to the TreecontrolStyles.css stylesheet file at the start of html file or before you use the control.

Link to TreeControl.js before adding tree nodes to the control.

Add nodes the node to tree control in order you want to appear. What I mean by this is that once you start adding a parent node, make sure that you add all the sub-parent as well as leaf nodes before adding another parent node. It is very important because control calculates the unique IDs for different tags based on the order the nodes are added. This implementation will be made more robust in next version of control.

For details see TreeControlDemo.htm file.