Upgrade to ExtJS 3.0.0 - Released 07/06/2009

[extjs.git] / docs / source / column-tree.html
diff --git a/docs/source/column-tree.html b/docs/source/column-tree.html

new file mode 100644 (file)

index 0000000..c52d955
--- /dev/null
+++ b/docs/source/column-tree.html
@@ -0,0 +1,44 @@
+<html>\r
+<head>\r
+  <title>The source code</title>\r
+    <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
+    <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
+</head>\r
+<body  onload="prettyPrint();">\r
+    <pre class="prettyprint lang-js">Ext.onReady(function(){\r
+    var tree = new Ext.ux.tree.ColumnTree({\r
+        width: 550,\r
+        height: 300,\r
+        rootVisible:false,\r
+        autoScroll:true,\r
+        title: 'Example Tasks',\r
+        renderTo: Ext.getBody(),\r
+\r
+        columns:[{\r
+            header:'Task',\r
+            width:330,\r
+            dataIndex:'task'\r
+        },{\r
+            header:'Duration',\r
+            width:100,\r
+            dataIndex:'duration'\r
+        },{\r
+            header:'Assigned To',\r
+            width:100,\r
+            dataIndex:'user'\r
+        }],\r
+\r
+        loader: new Ext.tree.TreeLoader({\r
+            dataUrl:'column-data.json',\r
+            uiProviders:{\r
+                'col': Ext.ux.tree.ColumnNodeUI\r
+            }\r
+        }),\r
+\r
+        root: new Ext.tree.AsyncTreeNode({\r
+            text:'Tasks'\r
+        })\r
+    });\r
+});</pre>    \r
+</body>\r
+</html>
+\ No newline at end of file