examples/tree/two-trees.js

   1 /*!
   2  * Ext JS Library 3.0.0
   3  * Copyright(c) 2006-2009 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 var TreeTest = function(){\r
   8     // shorthand\r
   9     var Tree = Ext.tree;\r
  10     \r
  11     return {\r
  12         init : function(){\r
  13             // yui-ext tree\r
  14             var tree = new Tree.TreePanel({\r
  15                 animate:true, \r
  16                 autoScroll:true,\r
  17                 loader: new Tree.TreeLoader({dataUrl:'get-nodes.php'}),\r
  18                 enableDD:true,\r
  19                 containerScroll: true,\r
  20                 border: false,\r
  21                 dropConfig: {appendOnly:true}\r
  22             });\r
  23             \r
  24             // add a tree sorter in folder mode\r
  25             new Tree.TreeSorter(tree, {folderSort:true});\r
  26             \r
  27             // set the root node\r
  28             var root = new Tree.AsyncTreeNode({\r
  29                 text: 'Ext JS', \r
  30                 draggable:false, // disable root node dragging\r
  31                 id:'src'\r
  32             });\r
  33             tree.setRootNode(root);\r
  34             \r
  35             // render the tree\r
  36             tree.render('tree');\r
  37             \r
  38             root.expand(false, /*no anim*/ false);\r
  39             \r
  40             //-------------------------------------------------------------\r
  41             \r
  42             // YUI tree            \r
  43             var tree2 = new Tree.TreePanel({\r
  44                 animate:true,\r
  45                 autoScroll:true,\r
  46                 //rootVisible: false,\r
  47                 loader: new Ext.tree.TreeLoader({\r
  48                     dataUrl:'get-nodes.php',\r
  49                     baseParams: {lib:'yui'} // custom http params\r
  50                 }),\r
  51                 containerScroll: true,\r
  52                 border: false,\r
  53                 enableDD:true,\r
  54                 dropConfig: {appendOnly:true}\r
  55             });\r
  56             \r
  57             // add a tree sorter in folder mode\r
  58             new Tree.TreeSorter(tree2, {folderSort:true});\r
  59             \r
  60             // add the root node\r
  61             var root2 = new Tree.AsyncTreeNode({\r
  62                 text: 'My Files', \r
  63                 draggable:false, \r
  64                 id:'yui'\r
  65             });\r
  66             tree2.setRootNode(root2);\r
  67             tree2.render('tree2');\r
  68             \r
  69             root2.expand(false, /*no anim*/ false);\r
  70         }\r
  71     };\r
  72 }();\r
  73 \r
  74 Ext.EventManager.onDocumentReady(TreeTest.init, TreeTest, true);