examples/tree/column-tree.js

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