examples/tree/treegrid.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3     <head>
   4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   5         <title>
   6             TreeGrid Example
   7         </title>
   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">
  13             .task {
  14                 background-image: url(../shared/icons/fam/cog.gif) !important;
  15             }
  16             .task-folder {
  17                 background-image: url(../shared/icons/fam/folder_go.gif) !important;
  18             }
  19         </style>
  20     </head>
  21     <body>
  22         <h1>
  23             TreeGrid Example
  24         </h1>
  25         <p>
  26             This example is an advanced tree example. It illustrates:
  27         </p>
  28         <ul class="feature-list">
  29             <li>Multiple headers
  30             </li>
  31             <li>Preloading of nodes with a single AJAX request
  32             </li>
  33             <li>Header hiding, showing, reordering and resizing
  34             </li>
  35             <li>useArrows configuration
  36             </li>
  37             <li>Keyboard Navigation
  38             </li>
  39             <li>Discontinguous selection by holding the CTRL key
  40             </li>
  41             <li>Using custom iconCls
  42             </li>
  43             <li>singleExpand has been set to true
  44             </li>
  45         </ul>
  46         <p>
  47             Note that the js is not minified so it is readable. See <a href="treegrid.js">treegrid.js</a>.
  48         </p>
  49         <div id="tree-example"></div>
  50     </body>
  51 </html>