DHTMLX Docs & Samples Explorer

Performance

To determine the time of items enveloping you should choose an approximate number of items in the selection array and then click on the action link.

Source
<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxtree.css">
<script  src="../../codebase/dhtmlxcommon.js"></script>
<script  src="../../codebase/dhtmlxtree.js"></script>
 
<table>
    <tr>
        <td>
            <div id="treeboxbox_tree" style="width:250px; height:218px;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"/>
        </td>
        <td rowspan="2" style="padding-left:25" valign="top">
            <select id='z'><option value="5">5</option>
            <option value="10">10</option>
            <option value="20">20</option>
            <option value="30">30</option>
            <option value="50">50</option>
            <option value="80">80</option>
            <option value="100">100</option>
            <option value="200">200</option>
            <option value="500">500</option>
            <option value="1000">1000</option>
            </select>
            <div><a href="#" onClick="this.parentNode.nextSibling.innerHTML=alt1()+'ms';">Open</a></div><div></div>
        </td>
    </tr>
    <tr>
        <td></td>
    </tr>
</table>
<script>
function alt1() {
    var z = (new Date()).valueOf();
    tree.openItem('arra_' + document.getElementById('z').value);
    var z2 = (new Date()).valueOf();
    return z2 - z;
}
tree = new dhtmlXTreeObject("treeboxbox_tree", "100%", "100%", 0);
tree.setSkin('dhx_skyblue');
tree.setImagePath("../../codebase/imgs/csh_bluefolders/");
tree.enableSmartXMLParsing(true);
tree.loadXML('php/tree_perf_xml.php');
</script>