| CF_TreeControl V1.2 |
| Version 1.3 |
What is this tag?
CF_TreeControl is a DHTML based (cross-browser) alternative or replacement of CFTREE, the Java applet tree control packaged with ColdFusion.
Perfect for Coldfusion Hierarchical Tree Creation.
Features/Benefits?
- No Java Applet or JAR file to download or install
- DHTML based Tree Control
- Fast
- Persistant
- Control every aspect of the tree using CF parameters
- Customizable styles - 4 packaged styles (See Below)
- Cross Browser (5G Browsers - IE5.5+, Mozilla 1.3+, Netscape6+)
- Easy to implement
- Unlimited levels (branch/child depth)
- Specify icons and styles
- Much more...
How to use the Tag:
<CF_DCCOM component="treeControl" title="My Tree Control">
<cf_dccom id="1" parent="0" display="Branch 1" icon="musicFolder.gif" iconOpen="folder.gif"></cf_dccom> <cf_dccom id="2" parent="1" display="Branch 1 - Child 1"></cf_dccom> <cf_dccom id="3" parent="1" display="Branch 1 - Child 2"></cf_dccom> <cf_dccom id="4" parent="0" display="Branch 2"></cf_dccom>
</CF_DCCOM>
Full list of Tag Attributes:
| WIDTH |
Width of control |
| HEIGHT |
Height of control |
| TITLE |
Title of root node |
| STYLE |
Style of component |
| HREF |
Link of root node |
| TARGET |
Target of root node |
| ROOTICON |
Root node icon |
Full list of Sub Tag Attributes (Tree Control Items):
| ID |
Id of tree control element |
| PARENT |
Id of tree control Parent element |
| DISPLAY |
Title of tree control element |
| HREF |
Link for tree control element |
| TARGET |
Target of tree control element link |
| TITLE |
ALT of tree control element |
| ICON |
Closed icon for tree control element |
| ICONOPEN |
Open icon for tree control element |
| EXPAND |
Show element expanded or collapsed |
Have you got questions whether this is the tag for you?
If you are unsure if CF_TreeControl is the tag for you, please feel free to contact me either by email or by clicking the LIVE Chat icon.
CF_TreeControl is so customisable that it can be used in almost any situation where tree navigation is required.
Suggested Uses
CF_TreeControl is an ideal replacement of the built-in ColdFusion Tag CFTREE.
Users do not have to download and install an applet or JAR file and the DHTML version is significantly faster as a result. All the functionality of CFTREE has been emulated in DHTML so modifying your existing code has been made as easy as possible.
Use CF_TreeControl as a site navigation, Intranet Project Navigation or a document/file structure.
Use Javascript or Links as the target of each node. Use a query object with the tag to make dynamic navigation for your website, intranet or online application.
Change Log:
27/11/2003 -Fixed issue with EXPAND attribute
Un-Encrypted Version
If you require the unencrypted version of CF_TreeControl please email dan@digital-crew.com
Available Styles
CF_TreeControl is easy to modify to suit your needs. You can add your own custom styles, change the icons and CSS or modify existing styles.
There are 4 packaged styles with the component: Default, Windows, Java and Mac
Screen Shots

|