Search

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

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