Auto search

Just select any item in the tree and start typing, a tree item with name which you have typed will be selected. To restart the search use the backspace button.

Select any item in the tree and use the next keys:

Up arrow - select upper item

Down arrow - select lower item

Right arrow - open item

Left arrow - close item

Enter - call item's action

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_kn.js"></script>    
<div id="treeboxbox_tree" style="width:250px; height:218px;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"></div>
        <br>
 
Select any item in the tree and use the next keys:
    <li>Up arrow - select upper item</li>
    <li>Down arrow - select lower item</li>
    <li>Right arrow - open item</li>
    <li>Left arrow - close item</li>
    <li>Enter - call item's action</li>
<script>tree = new dhtmlXTreeObject("treeboxbox_tree", "100%", "100%", 0);
tree.setSkin('dhx_skyblue');
tree.setImagePath("../../codebase/imgs/csh_bluebooks/");
tree.enableSmartXMLParsing(true);
tree.enableDragAndDrop(true);
tree.enableKeyboardNavigation(true);
tree.enableKeySearch(true);
tree.loadXML("../common/tree3_14_selection_sorting_navigation.xml");</script>