examples/tree/column-tree.js

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