examples/tree/aria-tree.js

   1 /*!
   2  * Ext JS Library 3.1.0
   3  * Copyright(c) 2006-2009 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 var TreeTest = function(){\r
   8     // shorthand\r
   9     var Tree = Ext.tree;\r
  10 \r
  11     return {\r
  12         init : function(){\r
  13             // yui-ext tree\r
  14             var tree = new Tree.TreePanel({\r
  15                 animate:true,\r
  16                 autoScroll:true,\r
  17                 loader: new Tree.TreeLoader({dataUrl:'get-nodes.php'}),\r
  18                 containerScroll: true,\r
  19                 border: false,\r
  20                 height: 300,\r
  21                 width: 300\r
  22             });\r
  23 \r
  24             // add a tree sorter in folder mode\r
  25             new Tree.TreeSorter(tree, {folderSort:true});\r
  26 \r
  27             // set the root node\r
  28             var root = new Tree.AsyncTreeNode({\r
  29                 text: 'Ext JS',\r
  30                 draggable:false, // disable root node dragging\r
  31                 id:'src'\r
  32             });\r
  33             tree.setRootNode(root);\r
  34 \r
  35             // render the tree\r
  36             tree.render('tree');\r
  37             root.expand(false, /*no anim*/ false);\r
  38             tree.bodyFocus.fi.setFrameEl(tree.el);\r
  39             tree.getSelectionModel().select(tree.getRootNode());\r
  40             tree.enter.defer(100, tree);\r
  41         }\r
  42     };\r
  43 }();\r
  44 \r
  45 Ext.EventManager.onDocumentReady(TreeTest.init, TreeTest, true);