Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / tree / two-trees.js

diff --git a/examples/tree/two-trees.js b/examples/tree/two-trees.js
index b49decc..7372044 100644 (file)
--- a/examples/tree/two-trees.js
+++ b/examples/tree/two-trees.js
@@ -1,78 +1,66 @@
-/*!
- * Ext JS Library 3.1.1
- * Copyright(c) 2006-2010 Ext JS, LLC
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
-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
-                width: 250,\r
-                height: 300,\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
-            // ExtJS 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: {path:'extjs'} // custom http params\r
-                }),\r
-                containerScroll: true,\r
-                border: false,\r
-                width: 250,\r
-                height: 300,\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: 'Extensions', \r
-                draggable:false, \r
-                id:'ux'\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);
\ No newline at end of file
+Ext.require(['*']);
+
+Ext.onReady(function(){
+    var store = Ext.create('Ext.data.TreeStore', {
+        proxy: {
+            type: 'ajax',
+            url: 'get-nodes.php'
+        },
+        root: {
+            text: 'Ext JS',
+            id: 'src',
+            expanded: true
+        },
+        folderSort: true,
+        sorters: [{
+            property: 'text',
+            direction: 'ASC'
+        }]
+    });
+
+    var tree = Ext.create('Ext.tree.Panel', {
+        id: 'tree',
+        store: store,
+        width: 250,
+        height: 300,
+        viewConfig: {
+            plugins: {
+                ptype: 'treeviewdragdrop',
+                appendOnly: true
+            }
+        },
+        renderTo: document.body
+    });
+
+    var store2 = Ext.create('Ext.data.TreeStore', {
+        proxy: {
+            type: 'ajax',
+            url: 'get-nodes.php'
+        },
+        root: {
+            text: 'Custom Ext JS',
+            id: 'src',
+            expanded: true,
+            children: []
+        },
+        folderSort: true,
+        sorters: [{
+            property: 'text',
+            direction: 'ASC'
+        }]
+    });
+
+    var tree2 = Ext.create('Ext.tree.Panel', {
+        id: 'tree2',
+        width: 250,
+        height: 300,
+        store: store2,
+        viewConfig: {
+            plugins: {
+                ptype: 'treeviewdragdrop',
+                appendOnly: true
+            }
+        },
+        renderTo: document.body
+    });
+});