X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/d41dc04ad17d1d9125fb2cf72db2b4782dbe3a8c..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/tree/two-trees.js

diff --git a/examples/tree/two-trees.js b/examples/tree/two-trees.js
index f6672ecb..73720447 100644
--- a/examples/tree/two-trees.js
+++ b/examples/tree/two-trees.js
@@ -1,76 +1,66 @@
-/*
- * Ext JS Library 2.2.1
- * Copyright(c) 2006-2009, Ext JS, LLC.
- * licensing@extjs.com
- * 
- * http://extjs.com/license
- */
-
-var TreeTest = function(){
-    // shorthand
-    var Tree = Ext.tree;
-    
-    return {
-        init : function(){
-            // yui-ext tree
-            var tree = new Tree.TreePanel({
-                el:'tree',
-                animate:true, 
-                autoScroll:true,
-                loader: new Tree.TreeLoader({dataUrl:'get-nodes.php'}),
-                enableDD:true,
-                containerScroll: true,
-                dropConfig: {appendOnly:true}
-            });
-            
-            // add a tree sorter in folder mode
-            new Tree.TreeSorter(tree, {folderSort:true});
-            
-            // set the root node
-            var root = new Tree.AsyncTreeNode({
-                text: 'Ext JS', 
-                draggable:false, // disable root node dragging
-                id:'source'
-            });
-            tree.setRootNode(root);
-            
-            // render the tree
-            tree.render();
-            
-            root.expand(false, /*no anim*/ false);
-            
-            //-------------------------------------------------------------
-            
-            // YUI tree            
-            var tree2 = new Tree.TreePanel({
-                el:'tree2',
-                animate:true,
-                autoScroll:true,
-                //rootVisible: false,
-                loader: new Ext.tree.TreeLoader({
-                    dataUrl:'get-nodes.php',
-                    baseParams: {lib:'yui'} // custom http params
-                }),
-                containerScroll: true,
-                enableDD:true,
-                dropConfig: {appendOnly:true}
-            });
-            
-            // add a tree sorter in folder mode
-            new Tree.TreeSorter(tree2, {folderSort:true});
-            
-            // add the root node
-            var root2 = new Tree.AsyncTreeNode({
-                text: 'My Files', 
-                draggable:false, 
-                id:'yui'
-            });
-            tree2.setRootNode(root2);
-            tree2.render();
-            
-            root2.expand(false, /*no anim*/ false);
-        }
-    };
-}();
-
-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
+    });
+});