Reloading

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

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: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>