examples/tree/two-trees.js

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