Introduction

This tutorial will instruct how to improve performance for loading a heavy tree with hundreds or even thousands of nodes. Basically, the idea is to reduce the HTML markup loaded from the server as much as possible. Following issues should be considered:

# 1
Shorten the path of loading styles, images for tree.
Instead of using default paths such as tree2/style or tree2/icons, create directories call t_s and t_i then move all css files to t_s, image files to t_i.
This way, "tree2/icons" will be replaced with "t_i" in the HTML markup of each node.

# 2
If links are used for each node and you want to apply special style for those links. Instead of using inline css style such as class="className", we could attach the style like this:

.ob_t2 a{ 
    // custom style
}

This way, we will shorten the properties of <a> tag.

# 3
If there is a case of using link inside the node as follow:

href="javascript:void(OpenThirdParty(150,6))"

Performance could be improved by shortenning the href property:

href="javascript:o3p(150,6)"

The "o3p" function can call the old "OpenThirdParty" function for proper implementation

# 4
In case that dynamic loading is applied, performance could be improved by shortenning file name which is used for dynamic load. File like SearchResultTreeview_OtherLevels.aspx could be renamed as srt_ol.aspx for example. Further more, query string could be shortened also.

For example:

SearchResultTreeview_OtherLevels.aspx?idclus=1&selid=460&RCT=7&NLV=AD&CompId=93

could be renamed as:

srt_ol.aspx?var=1_460_7_AD_93

On the server-side, the query string can be splitted and recreated for all the needed variables.

# 5
If easy menu is integrated with treeview, there is a better method for attaching easy menu to the nodes here.

Tip

• Each child should have parent
• ach top level node should have parent "root" (low case)
• if you use property .ShowLost = true, it will slow down the tree, because for each node lost without parent, parent will be searched through all the tree. It will definitely slow down the treeview. Properties .ShowLost and .ShowLostRed are for debugging purpose only. See how to populate from database here