examples/treegrid/tree-grid.js

   1 /*!
   2  * Ext JS Library 3.2.0
   3  * Copyright(c) 2006-2010 Ext JS, Inc.
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 Ext.onReady(function() {
   8     Ext.QuickTips.init();
   9
  10     var tree = new Ext.ux.tree.TreeGrid({
  11         title: 'Core Team Projects',
  12         width: 500,
  13         height: 300,
  14         renderTo: Ext.getBody(),
  15         enableDD: true,
  16
  17         columns:[{
  18             header: 'Task',
  19             dataIndex: 'task',
  20             width: 230
  21         },{
  22             header: 'Duration',
  23             width: 100,
  24             dataIndex: 'duration',
  25             align: 'center',
  26             sortType: 'asFloat',
  27             tpl: new Ext.XTemplate('{duration:this.formatHours}', {
  28                 formatHours: function(v) {
  29                     if(v < 1) {
  30                         return Math.round(v * 60) + ' mins';
  31                     } else if (Math.floor(v) !== v) {
  32                         var min = v - Math.floor(v);
  33                         return Math.floor(v) + 'h ' + Math.round(min * 60) + 'm';
  34                     } else {
  35                         return v + ' hour' + (v === 1 ? '' : 's');
  36                     }
  37                 }
  38             })
  39         },{
  40             header: 'Assigned To',
  41             width: 150,
  42             dataIndex: 'user'
  43         }],
  44
  45         dataUrl: 'treegrid-data.json'
  46     });
  47 });