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>