Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / docs / source / two-trees.html
diff --git a/docs/source/two-trees.html b/docs/source/two-trees.html
new file mode 100644 (file)
index 0000000..9939166
--- /dev/null
@@ -0,0 +1,77 @@
+<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">var TreeTest = function(){\r
+    // shorthand\r
+    var Tree = Ext.tree;\r
+    \r
+    return {\r
+        init : function(){\r
+            // yui-ext tree\r
+            var tree = new Tree.TreePanel({\r
+                animate:true, \r
+                autoScroll:true,\r
+                loader: new Tree.TreeLoader({dataUrl:'get-nodes.php'}),\r
+                enableDD:true,\r
+                containerScroll: true,\r
+                border: false,\r
+                dropConfig: {appendOnly:true}\r
+            });\r
+            \r
+            // add a tree sorter in folder mode\r
+            new Tree.TreeSorter(tree, {folderSort:true});\r
+            \r
+            // set the root node\r
+            var root = new Tree.AsyncTreeNode({\r
+                text: 'Ext JS', \r
+                draggable:false, // disable root node dragging\r
+                id:'src'\r
+            });\r
+            tree.setRootNode(root);\r
+            \r
+            // render the tree\r
+            tree.render('tree');\r
+            \r
+            root.expand(false, /*no anim*/ false);\r
+            \r
+            //-------------------------------------------------------------\r
+            \r
+            // YUI tree            \r
+            var tree2 = new Tree.TreePanel({\r
+                animate:true,\r
+                autoScroll:true,\r
+                //rootVisible: false,\r
+                loader: new Ext.tree.TreeLoader({\r
+                    dataUrl:'get-nodes.php',\r
+                    baseParams: {lib:'yui'} // custom http params\r
+                }),\r
+                containerScroll: true,\r
+                border: false,\r
+                enableDD:true,\r
+                dropConfig: {appendOnly:true}\r
+            });\r
+            \r
+            // add a tree sorter in folder mode\r
+            new Tree.TreeSorter(tree2, {folderSort:true});\r
+            \r
+            // add the root node\r
+            var root2 = new Tree.AsyncTreeNode({\r
+                text: 'My Files', \r
+                draggable:false, \r
+                id:'yui'\r
+            });\r
+            tree2.setRootNode(root2);\r
+            tree2.render('tree2');\r
+            \r
+            root2.expand(false, /*no anim*/ false);\r
+        }\r
+    };\r
+}();\r
+\r
+Ext.EventManager.onDocumentReady(TreeTest.init, TreeTest, true);</pre>    \r
+</body>\r
+</html>
\ No newline at end of file