git.roojs.org Git - roojs1/blob - examples/tree/two-trees.js

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