<head>\r
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
<title>Customizing TreePanel</title>\r
-<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
-\r
+ <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
+ <!-- Common Styles for the examples -->\r
+ <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
+ <link rel="stylesheet" type="text/css" href="../ux/css/ColumnNodeUI.css" />\r
+ <link rel="stylesheet" type="text/css" href="column-tree.css" />\r
<!-- GC -->\r
- <!-- LIBS -->\r
- <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
- <!-- ENDLIBS -->\r
-\r
+ <!-- LIBS -->\r
+ <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
+ <!-- ENDLIBS -->\r
<script type="text/javascript" src="../../ext-all.js"></script>\r
+ <script type="text/javascript" src="../code-display.js"></script>\r
\r
- <script type="text/javascript" src="ColumnNodeUI.js"></script>\r
+ <script type="text/javascript" src="../ux/ColumnNodeUI.js"></script>\r
<script type="text/javascript" src="column-tree.js"></script>\r
-\r
- <!-- Common Styles for the examples -->\r
- <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
-\r
- <link rel="stylesheet" type="text/css" href="column-tree.css" />\r
+ <!-- EXAMPLES -->\r
+ <script type="text/javascript" src="../shared/examples.js"></script>\r
</head>\r
<body>\r
-<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->\r
-<h1>Customizing TreePanel</h1>\r
-<p>This example demonstrates how you can customize a TreePanel to display basic columns.</p>\r
+\r
+ <h1>ColumnTree Example</h1>\r
+\r
+ <p>Demonstrates extending the native <tt>Ext.tree.TreePanel</tt> and <tt>Ext.tree.TreeNodeUI</tt>\r
+ to display basic columns via the custom <a href="../ux/ColumnNodeUI.js">Ext.ux.tree.ColumnTree</a>\r
+ and <a href="../ux/ColumnNodeUI.js">Ext.ux.tree.ColumnNodeUI</a> classes.</p>\r
+ <p>The js is not minified so it is readable. See <a href="column-tree.js">column-tree.js</a>.</p>\r
+\r
</body>\r
</html>
\ No newline at end of file