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.

	Open

THIS PAGE CONTAINS SAMPLE FUNCTIONALITY OF PROFESSIONAL EDITION FOR DEMONSTRATION PURPOSE ONLY.
UNAUTHORIZED USE IS PROHIBITED. PLEASE CONTACT SALES@DHTMLX.COM TO OBTAIN A LEGAL COPY OF PROFESSIONAL EDITION.

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>