1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
8 <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css">
9 <link rel="stylesheet" type="text/css" href="../shared/example.css">
10 <script type="text/javascript" src="../../bootstrap.js"></script>
11 <script type="text/javascript" src="treegrid.js"></script>
12 <style type="text/css">
14 background-image: url(../shared/icons/fam/cog.gif) !important;
17 background-image: url(../shared/icons/fam/folder_go.gif) !important;
26 This example is an advanced tree example. It illustrates:
28 <ul class="feature-list">
31 <li>Preloading of nodes with a single AJAX request
33 <li>Header hiding, showing, reordering and resizing
35 <li>useArrows configuration
37 <li>Keyboard Navigation
39 <li>Discontinguous selection by holding the CTRL key
41 <li>Using custom iconCls
43 <li>singleExpand has been set to true
47 Note that the js is not minified so it is readable. See <a href="treegrid.js">treegrid.js</a>.
49 <div id="tree-example"></div>