DHTMLX Docs & Samples Explorer

Smart Rendering in tree

The tree contains 10000 nodes, 1000 from which are placed on the top level
This mode allows to load big, not well formed trees.

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>
   <script  src="../../codebase/ext/dhtmlxtree_srnd.js"></script>   
   
   <table>
  <tr>
     <td>
        <div id="treeboxbox_tree" style="width:250px; height:218px;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"/>
     </td>
  </tr>
   </table>
 
<script>
var tree = new dhtmlXTreeObject('treeboxbox_tree', '100%', '100%', 0);
tree.setSkin('dhx_skyblue');
tree.setImagePath("../../codebase/imgs/csh_bluebooks/");
tree.enableSmartRendering(true);
tree.loadXML("../common/big_xml.xml");
</script>