--- /dev/null
+<html>\r
+<head>\r
+ <title>The source code</title>\r
+ <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
+ <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
+</head>\r
+<body onload="prettyPrint();">\r
+ <pre class="prettyprint lang-js">var TreeTest = function(){\r
+ // shorthand\r
+ var Tree = Ext.tree;\r
+ \r
+ return {\r
+ init : function(){\r
+ // yui-ext tree\r
+ var tree = new Tree.TreePanel({\r
+ animate:true, \r
+ autoScroll:true,\r
+ loader: new Tree.TreeLoader({dataUrl:'get-nodes.php'}),\r
+ enableDD:true,\r
+ containerScroll: true,\r
+ border: false,\r
+ dropConfig: {appendOnly:true}\r
+ });\r
+ \r
+ // add a tree sorter in folder mode\r
+ new Tree.TreeSorter(tree, {folderSort:true});\r
+ \r
+ // set the root node\r
+ var root = new Tree.AsyncTreeNode({\r
+ text: 'Ext JS', \r
+ draggable:false, // disable root node dragging\r
+ id:'src'\r
+ });\r
+ tree.setRootNode(root);\r
+ \r
+ // render the tree\r
+ tree.render('tree');\r
+ \r
+ root.expand(false, /*no anim*/ false);\r
+ \r
+ //-------------------------------------------------------------\r
+ \r
+ // YUI tree \r
+ var tree2 = new Tree.TreePanel({\r
+ animate:true,\r
+ autoScroll:true,\r
+ //rootVisible: false,\r
+ loader: new Ext.tree.TreeLoader({\r
+ dataUrl:'get-nodes.php',\r
+ baseParams: {lib:'yui'} // custom http params\r
+ }),\r
+ containerScroll: true,\r
+ border: false,\r
+ enableDD:true,\r
+ dropConfig: {appendOnly:true}\r
+ });\r
+ \r
+ // add a tree sorter in folder mode\r
+ new Tree.TreeSorter(tree2, {folderSort:true});\r
+ \r
+ // add the root node\r
+ var root2 = new Tree.AsyncTreeNode({\r
+ text: 'My Files', \r
+ draggable:false, \r
+ id:'yui'\r
+ });\r
+ tree2.setRootNode(root2);\r
+ tree2.render('tree2');\r
+ \r
+ root2.expand(false, /*no anim*/ false);\r
+ }\r
+ };\r
+}();\r
+\r
+Ext.EventManager.onDocumentReady(TreeTest.init, TreeTest, true);</pre> \r
+</body>\r
+</html>
\ No newline at end of file