Nodes' view
Setting an appropriate tree appearance you can make a multiple selection from 3 types of nodes' view within check boxes: icons, lines, cross signs.
- Icons - Lines - Cross Signs Update |
Setting an appropriate tree appearance you can make a multiple selection from 3 types of nodes' view within check boxes: icons, lines, cross signs.
- Icons - Lines - Cross Signs Update |
<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 valign="top"> <div id="treeboxbox_tree" style="width:350px; height:218px;background-color:#f5f5f5;border :1px solid Silver;"></div> </td> <td rowspan="2" style="padding-left:25" valign="top"> <input type="checkbox" name="tree_image" id="a1"> - Icons<br> <input type="checkbox" name="tree_image" id="a2"> - Lines<br> <input type="checkbox" name="tree_image" checked="checked" id="a3"> - Cross Signs<br> <a href="#" onclick='reinitTree();'>Update</a> </td> </tr> </table> <script></script>function reinitTree() { tree.deleteChildItems(0); tree.enableTreeImages(document.getElementById('a1').checked); tree.enableTreeLines(document.getElementById('a2').checked); tree.enableTextSigns(document.getElementById('a3').checked); tree.loadXML("../common/tree3.xml"); } tree = new dhtmlXTreeObject("treeboxbox_tree", "100%", "100%", 0); tree.setSkin('dhx_skyblue'); tree.setImagePath("../../codebase/imgs/csh_bluebooks/"); tree.enableDragAndDrop(true); reinitTree(false, false, true);