DHTMLX Docs & Samples Explorer

Search

This functionality allows you to search for an item in the entire tree. Also you can restrict seeking criteria searching for an item situated above or below the currently selected node.

Find | Find Next | Find Prev
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:25" valign="top">
            <input type="text" id="stext" width="200px"> <a href="javascript:void(0)" onClick="tree.findItem(document.getElementById('stext').value,0,1)"> Find </a> | <a href="javascript:void(0)" onClick="tree.findItem(document.getElementById('stext').value)"> Find Next</a> | <a href="javascript:void(0)" onClick="tree.findItem(document.getElementById('stext').value,1)"> Find Prev </a>
        </td>
    </tr>
    <tr>
        <td></td>
    </tr>
</table>
 
<script>
tree = new dhtmlXTreeObject("treeboxbox_tree", "100%", "100%", 0);
tree.setSkin('dhx_skyblue');
tree.setImagePath("../../codebase/imgs/csh_bluebooks/");
tree.enableSmartXMLParsing(true);
tree.loadXML("../common/tree3_14_selection_sorting_navigation.xml");
</script>