X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/d41dc04ad17d1d9125fb2cf72db2b4782dbe3a8c..0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6:/examples/tree/two-trees.js diff --git a/examples/tree/two-trees.js b/examples/tree/two-trees.js index f6672ecb..0c23d646 100644 --- a/examples/tree/two-trees.js +++ b/examples/tree/two-trees.js @@ -1,76 +1,78 @@ -/* - * 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 JS Library 3.3.1 + * Copyright(c) 2006-2010 Sencha Inc. + * licensing@sencha.com + * http://www.sencha.com/license + */ +var TreeTest = function(){ + // shorthand + var Tree = Ext.tree; + + return { + init : function(){ + // yui-ext tree + var tree = new Tree.TreePanel({ + animate:true, + autoScroll:true, + loader: new Tree.TreeLoader({dataUrl:'get-nodes.php'}), + enableDD:true, + containerScroll: true, + border: false, + width: 250, + height: 300, + 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:'src' + }); + tree.setRootNode(root); + + // render the tree + tree.render('tree'); + + root.expand(false, /*no anim*/ false); + + //------------------------------------------------------------- + + // ExtJS tree + var tree2 = new Tree.TreePanel({ + animate:true, + autoScroll:true, + //rootVisible: false, + loader: new Ext.tree.TreeLoader({ + dataUrl:'get-nodes.php', + baseParams: {path:'extjs'} // custom http params + }), + containerScroll: true, + border: false, + width: 250, + height: 300, + 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: 'Extensions', + draggable:false, + id:'ux' + }); + tree2.setRootNode(root2); + tree2.render('tree2'); + + root2.expand(false, /*no anim*/ false); + } + }; +}(); + Ext.EventManager.onDocumentReady(TreeTest.init, TreeTest, true); \ No newline at end of file