DHTMLX Docs & Samples Explorer

Reloading

You can easily refresh the entire tree with or without checkboxes. Moreover it's possible to delete the tree and then reload it from the server.

refresh tree (checkboxes)
refresh tree (without checkboxes)
delete
load
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:25px;" valign="top">
<a href="javascript:void(0)" onClick="tree.enableCheckBoxes(true);  tree.deleteChildItems(0);tree.loadXML('../common/tree3.xml');">
refresh tree (checkboxes)
</a>         <br/>
<a href="javascript:void(0)" onClick="tree.enableCheckBoxes(false);  tree.deleteChildItems(0);tree.loadXML('../common/tree3.xml');">
refresh tree (without checkboxes)
</a>         <br/>
<a href="javascript:void(0)" onClick="tree.deleteChildItems(0);">
delete
</a>         <br/>
<a href="javascript:void(0)" onClick="tree.loadXML('../common/tree3.xml');">
load
</a>         <br/>
        </td>
    </tr>
</table>
 
<script>
var tree = new dhtmlXTreeObject('treeboxbox_tree', '100%', '100%', 0);
tree.setSkin('dhx_skyblue');
tree.setImagePath("../../codebase/imgs/csh_bluebooks/");
tree.enableDragAndDrop(true);
tree.enableThreeStateCheckboxes(true);
tree.loadXML('../common/tree3.xml');
</script>