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
  12 var TreeTest = function(){
  13     // shorthand
  14     var Tree = Roo.tree;
  15
  16
  17
  18     return {
  19         init : function(){
  20             // yui-ext tree
  21             var tree = new Tree.TreePanel('tree', {
  22                 animate:true,
  23                 loader: new Tree.TreeLoader({dataUrl:'get-nodes.php'}),
  24                 enableDD:true,
  25                 containerScroll: true,
  26                 dropConfig: {appendOnly:true},
  27                 dragConfig : { scrollContainer : true }
  28             });
  29
  30             TreeTest.tree = tree;
  31
  32             // add a tree sorter in folder mode
  33             new Tree.TreeSorter(tree, {folderSort:true});
  34
  35             // set the root node
  36             var root = new Tree.AsyncTreeNode({
  37                 text: 'Ext JS',
  38                 draggable:false, // disable root node dragging
  39                 id:'source'
  40             });
  41             tree.setRootNode(root);
  42
  43             // render the tree
  44             tree.render();
  45
  46             root.expand(false, /*no anim*/ false);
  47
  48             //-------------------------------------------------------------
  49
  50             // YUI tree
  51             var tree2 = new Tree.TreePanel('tree2', {
  52                 animate:true,
  53                 //rootVisible: false,
  54                 loader: new Roo.tree.TreeLoader({
  55                     dataUrl:'get-nodes.php',
  56                     root : 'data',
  57                     baseParams: {lib:'yui'} // custom http params
  58                 }),
  59                 containerScroll: true,
  60                 enableDD:true,
  61                 dropConfig: {appendOnly:true}
  62
  63             });
  64
  65             // add a tree sorter in folder mode
  66             new Tree.TreeSorter(tree2, {folderSort:true});
  67
  68             // add the root node
  69             var root2 = new Tree.AsyncTreeNode({
  70                 text: 'My Files',
  71                 draggable:false,
  72                 id:'yui'
  73             });
  74             tree2.setRootNode(root2);
  75             tree2.render();
  76
  77             root2.expand(false, /*no anim*/ false);
  78         }
  79     };
  80 }();
  81
  82 Roo.EventManager.onDocumentReady(TreeTest.init, TreeTest, true);