Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / docs / source / aria-tree.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                 containerScroll: true,\r
20                 border: false,\r
21                 height: 300,\r
22                 width: 300\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             root.expand(false, /*no anim*/ false);\r
39             tree.bodyFocus.fi.setFrameEl(tree.el);\r
40             tree.getSelectionModel().select(tree.getRootNode());\r
41             tree.enter.defer(100, tree);\r
42         }\r
43     };\r
44 }();\r
45 \r
46 Ext.EventManager.onDocumentReady(TreeTest.init, TreeTest, true);</pre>    \r
47 </body>\r
48 </html>