examples/tree/column-tree.html

   1 <html>
   2 <head>
   3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   4 <title>Customizing TreePanel</title>
   5     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   6     <!-- Common Styles for the examples -->
   7     <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
   8     <link rel="stylesheet" type="text/css" href="../ux/css/ColumnNodeUI.css" />
   9     <link rel="stylesheet" type="text/css" href="column-tree.css" />
  10     <!-- GC -->
  11     <!-- LIBS -->
  12     <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
  13     <!-- ENDLIBS -->
  14     <script type="text/javascript" src="../../ext-all.js"></script>
  15     <script type="text/javascript" src="../code-display.js"></script>
  16
  17     <script type="text/javascript" src="../ux/ColumnNodeUI.js"></script>
  18     <script type="text/javascript" src="column-tree.js"></script>
  19     <!-- EXAMPLES -->
  20     <script type="text/javascript" src="../shared/examples.js"></script>
  21 </head>
  22 <body>
  23
  24     <h1>ColumnTree Example</h1>
  25
  26     <p>Demonstrates extending the native <tt>Ext.tree.TreePanel</tt> and <tt>Ext.tree.TreeNodeUI</tt>
  27     to display basic columns via the custom <a href="../ux/ColumnNodeUI.js">Ext.ux.tree.ColumnTree</a>
  28     and <a href="../ux/ColumnNodeUI.js">Ext.ux.tree.ColumnNodeUI</a> classes.</p>
  29     <p>The js is not minified so it is readable. See <a href="column-tree.js">column-tree.js</a>.</p>
  30
  31 </body>
  32 </html>