examples/tree/two-trees.js

   1 /*!
   2  * Ext JS Library 3.1.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                 width: 250,\r
  22                 height: 300,\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:'src'\r
  34             });\r
  35             tree.setRootNode(root);\r
  36             \r
  37             // render the tree\r
  38             tree.render('tree');\r
  39             \r
  40             root.expand(false, /*no anim*/ false);\r
  41             \r
  42             //-------------------------------------------------------------\r
  43             \r
  44             // ExtJS tree            \r
  45             var tree2 = new Tree.TreePanel({\r
  46                 animate:true,\r
  47                 autoScroll:true,\r
  48                 //rootVisible: false,\r
  49                 loader: new Ext.tree.TreeLoader({\r
  50                     dataUrl:'get-nodes.php',\r
  51                     baseParams: {path:'extjs'} // custom http params\r
  52                 }),\r
  53                 containerScroll: true,\r
  54                 border: false,\r
  55                 width: 250,\r
  56                 height: 300,\r
  57                 enableDD:true,\r
  58                 dropConfig: {appendOnly:true}\r
  59             });\r
  60             \r
  61             // add a tree sorter in folder mode\r
  62             new Tree.TreeSorter(tree2, {folderSort:true});\r
  63             \r
  64             // add the root node\r
  65             var root2 = new Tree.AsyncTreeNode({\r
  66                 text: 'Extensions', \r
  67                 draggable:false, \r
  68                 id:'ux'\r
  69             });\r
  70             tree2.setRootNode(root2);\r
  71             tree2.render('tree2');\r
  72             \r
  73             root2.expand(false, /*no anim*/ false);\r
  74         }\r
  75     };\r
  76 }();\r
  77 \r
  78 Ext.EventManager.onDocumentReady(TreeTest.init, TreeTest, true);