examples/tree/column-tree.js

   1 /*\r
   2  * Ext JS Library 2.2.1\r
   3  * Copyright(c) 2006-2009, Ext JS, LLC.\r
   4  * licensing@extjs.com\r
   5  * \r
   6  * http://extjs.com/license\r
   7  */\r
   8 \r
   9 Ext.onReady(function(){\r
  10     var tree = new Ext.tree.ColumnTree({\r
  11         width: 550,\r
  12         height: 300,\r
  13         rootVisible:false,\r
  14         autoScroll:true,\r
  15         title: 'Example Tasks',\r
  16         renderTo: Ext.getBody(),\r
  17         \r
  18         columns:[{\r
  19             header:'Task',\r
  20             width:330,\r
  21             dataIndex:'task'\r
  22         },{\r
  23             header:'Duration',\r
  24             width:100,\r
  25             dataIndex:'duration'\r
  26         },{\r
  27             header:'Assigned To',\r
  28             width:100,\r
  29             dataIndex:'user'\r
  30         }],\r
  31 \r
  32         loader: new Ext.tree.TreeLoader({\r
  33             dataUrl:'column-data.json',\r
  34             uiProviders:{\r
  35                 'col': Ext.tree.ColumnNodeUI\r
  36             }\r
  37         }),\r
  38 \r
  39         root: new Ext.tree.AsyncTreeNode({\r
  40             text:'Tasks'\r
  41         })\r
  42     });\r
  43 });