docs/source/two-trees.html

   1 <html>\r
   2 <head>\r
   3   <title>The source code</title>\r
   4     <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
   5     <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
   6 </head>\r
   7 <body  onload="prettyPrint();">\r
   8     <pre class="prettyprint lang-js">var TreeTest = function(){\r
   9     // shorthand\r
  10     var Tree = Ext.tree;\r
  11     \r
  12     return {\r
  13         init : function(){\r
  14             // yui-ext tree\r
  15             var tree = new Tree.TreePanel({\r
  16                 animate:true, \r
  17                 autoScroll:true,\r
  18                 loader: new Tree.TreeLoader({dataUrl:'get-nodes.php'}),\r
  19                 enableDD:true,\r
  20                 containerScroll: true,\r
  21                 border: false,\r
  22                 dropConfig: {appendOnly:true}\r
  23             });\r
  24             \r
  25             // add a tree sorter in folder mode\r
  26             new Tree.TreeSorter(tree, {folderSort:true});\r
  27             \r
  28             // set the root node\r
  29             var root = new Tree.AsyncTreeNode({\r
  30                 text: 'Ext JS', \r
  31                 draggable:false, // disable root node dragging\r
  32                 id:'src'\r
  33             });\r
  34             tree.setRootNode(root);\r
  35             \r
  36             // render the tree\r
  37             tree.render('tree');\r
  38             \r
  39             root.expand(false, /*no anim*/ false);\r
  40             \r
  41             //-------------------------------------------------------------\r
  42             \r
  43             // YUI tree            \r
  44             var tree2 = new Tree.TreePanel({\r
  45                 animate:true,\r
  46                 autoScroll:true,\r
  47                 //rootVisible: false,\r
  48                 loader: new Ext.tree.TreeLoader({\r
  49                     dataUrl:'get-nodes.php',\r
  50                     baseParams: {lib:'yui'} // custom http params\r
  51                 }),\r
  52                 containerScroll: true,\r
  53                 border: false,\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('tree2');\r
  69             \r
  70             root2.expand(false, /*no anim*/ false);\r
  71         }\r
  72     };\r
  73 }();\r
  74 \r
  75 Ext.EventManager.onDocumentReady(TreeTest.init, TreeTest, true);</pre>    \r
  76 </body>\r
  77 </html>