obout inc

 




For new ASP Treeview site please go to

http://www.obout.com/t2/download.aspx



 

 

 

 

Overview
Open Example trees and code in left bar.

ASP TreeView is much faster and much smaller (only 44 KB) than any other .NET TreeView, including Microsoft free TreeViews and all other 3rd party TreeViews.
Yet it is easiest to use. It has many styles and dynamic loading ability. You can put any HTML tags and script into the nodes.

Go to ASP.NET tutorial.

 

Populate tree with single simple method 'Add'.
Output is HTML code. No ActiveX controls are used.

Please ask any questions support@obout.com. See HOW-TO and Help page.

Go to download page (new version page). ZIP file has all 3 styles: Classic, Classic Pro and XP.
You can test them indefinitely.

 
ASP TreeView styles
1. Classic looks great!
2. ClassicPro looks absolutely the same as Classic, yet has more features!
3. XP has fancy style of Windows XP (no lines). You can change its look instantly!

ClassicPro and XP have more features comparing to Classic:

- Dynamic loading of Nodes capability. Just specify URL to load.
- Select (highlight) Node with property SelectedNode_ID.
- TreeView expands down to Selected Node automatically.
- Property ShowIcons (True or False).
- Property SelectedNode_Background_Color.
- Property SelectedNode_Border.

XP has:
- Choice of styles: MSDN, WindowsXP Explorer, Iconless, Help, Web, Blue Menu, etc.
- Property TreeStyle_Path instantly changes TreeView style.
- You can easy create your own styles!
 

   Properties and Methods
 
Methods Description
Add To add node to tree. Text or HTML.
HTML Returns string - HTML code of treeview.

Properties Description Classic Pro XP
Height Optional. Sets height of treeview.
oTree.Height = 800
Yes Yes Yes
Width Optional. Sets width of treeview.
oTree.Width = 300
Yes Yes Yes
Width_ScrollWider Optional. Adds horizontal scroll bar. Should be wider than Width. Use with Height.
See example 1 and example 2.
oTree.Width_ScrollWider = 400
Yes Yes Yes
BackgroundColor Optional. Sets background color.
oTree.BackgroundColor = "fcf9fc"
Yes Yes Yes
BackgroundImage Optional. Sets HREF path for background Image.
oTree.BackgroundImage = "../Graphics/bgDog.gif"
Yes Yes Yes
ShowIcons Optional. Boolean. True if show icons. False if hide icons. Default is True.
oTree.ShowIcons = False
- Yes Yes
TreeIcons_Path Optional. Sets HREF path for folder with icon images. Default is "/tree".
oTree.TreeIcons_Path = "/tree"
- Yes Yes
TreeStyle_Path Optional. Sets HREF path for folder with images for "pluses", "minuses" and file obout_treeview.CSS .
Default is "/tree/treeStyle_Explorer"
oTree.TreeStyle_Path = "/tree/treeStyle_MSDN"
- - Yes
Properties Description Classic Pro XP
SelectedNode_Border Optional. Sets color for selected Node border.
Default is "1px solid #666666"
oTree.SelectedNode_Border
= "1px solid #0000CC"
- Yes Yes
SelectedNode
_Background_Color
Optional. Sets background color for selected Node. Default is "CCDDEE"
oTree.SelectedNode_Background_Color = "pink"
oTree.SelectedNode_Background_Color = "CCCC66"
- Yes Yes
SelectedNode_Id Optional. Sets selected Node. Tree expands to this Node.
oTree.SelectedNode_Id = "mn_2_33"
- Yes Yes
SelectedNode_Enable Optional. Boolean. If you have complex HTML code in the Node and don't want to run script for highlighting selected Node, then set it to False. Default is True.
oTree.SelectedNode_Enable = False
- Yes Yes
Condensed Optional. Boolean. Default is False. If True, each Node height is 2px less.
For condensed look you also need to use smaller plus-minus images, like ones in the folder 'treeStyle_Web'.
oTree.Condensed = True
- - Yes
NodeSubTree Optional. Boolean. Default is False.
Set True for loaded dynamically Node Sub Trees
oTree.NodeSubTree = True
- Yes Yes
 

XML related methods. See usage for XP and ClassicPro, sample.xml

Methods Description Classic Pro XP
XML_WriteToFile Writes tree to xml file.
oTree.XML_WriteToFile "C:\Inetpub\wwwroot\apple\sample.xml"
- Yes Yes
XML_LoadFromFile Loads tree from xml file.
oTree.XML_LoadFromFile "C:\Inetpub\wwwroot\apple\sample.xml"
- Yes Yes
XML_WriteToString Returns string - tree in xml format.
Don't forget to populate tree first.
s = oTree.XML_WriteToString
- Yes Yes
XML_LoadFromString Loads tree from string.
oTree.XML_LoadFromString s
- Yes Yes

Please ask any questions support@obout.com. See HOW-TO and Help page.

How to create object oTree.

' For Classic Pro style:
Set oTree = Server.CreateObject("obout_ASPTreeView_Pro.Tree")
' For XP style:
Set oTree = Server.CreateObject("obout_ASPTreeView_XP.Tree")

'Add Nodes here. See method Add and example code.

'Set properties here. All properties are optional.

'Send HTML code to client.
Response.Write oTree.HTML
Set oTree = Nothing

 
  Please ask any questions support@obout.com. See HOW-TO and Help page.