git.roojs.org Git - roojs1/blob - examples/grid/ArrayGrid.js

   1 //<script type="text/javascript">
   2
   3 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
   4
   5 ArrayGrid = new Roo.XComponent({
   6
   7  _strings : {
   8   '1c76cbfe21c6f44c1d1e59d54f3e4420' :"Company",
   9   '30870648ed968ed5a3e00631e4ad0699' :"% Change",
  10   '3601146c4e948c32b6424d2c0a7f0118' :"Price",
  11   'f4ec5f57bd4d31b803312d873be40da9' :"Change",
  12   '4221d3e17c6eca2ca6337251a3cf9c4e' :"Last Updated"
  13  },
  14
  15   part     :  ["grid", "ArrayGrid" ],
  16   order    : '001-ArrayGrid',
  17   region   : 'center',
  18   parent   : '#grid-panel',
  19   name     : "unnamed module",
  20   disabled : false,
  21   permname : '',
  22   _tree : function(_data)
  23   {
  24    var _this = this;
  25    var MODULE = this;
  26    return {
  27    xtype : 'GridPanel',
  28    xns : Roo,
  29    '|xns' : 'Roo',
  30    grid : {
  31     xtype : 'Grid',
  32     autoExpandColumn : 'company',
  33     listeners : {
  34      render : function (grid)
  35       {
  36           _this.grid = this;
  37       }
  38     },
  39     xns : Roo.grid,
  40     '|xns' : 'Roo.grid',
  41     ds : {
  42      xtype : 'Store',
  43      xns : Roo.data,
  44      '|xns' : 'Roo.data',
  45      proxy : {
  46       xtype : 'MemoryProxy',
  47       data : [],
  48       xns : Roo.data,
  49       '|xns' : 'Roo.data'
  50      },
  51      reader : {
  52       xtype : 'ArrayReader',
  53       fields : [
  54              {name: 'company'},
  55              {name: 'price', type: 'float'},
  56              {name: 'change', type: 'float'},
  57              {name: 'pctChange', type: 'float'},
  58              {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
  59       ],
  60       xns : Roo.data,
  61       '|xns' : 'Roo.data'
  62      }
  63     },
  64     cm : [
  65      {
  66       xtype : 'ColumnModel',
  67       dataIndex : 'company',
  68       header : _this._strings['1c76cbfe21c6f44c1d1e59d54f3e4420'] /* Company */,
  69       locked : false,
  70       sortable : true,
  71       width : 160,
  72       xns : Roo.grid,
  73       '|xns' : 'Roo.grid'
  74      },
  75      {
  76       xtype : 'ColumnModel',
  77       dataIndex : 'price',
  78       header : _this._strings['3601146c4e948c32b6424d2c0a7f0118'] /* Price */,
  79       locked : false,
  80       renderer : Roo.util.Format.usMoney,
  81       sortable : true,
  82       width : 75,
  83       xns : Roo.grid,
  84       '|xns' : 'Roo.grid'
  85      },
  86      {
  87       xtype : 'ColumnModel',
  88       dataIndex : 'change',
  89       header : _this._strings['f4ec5f57bd4d31b803312d873be40da9'] /* Change */,
  90       locked : false,
  91       renderer : function  (val){
  92           if(val > 0){
  93               return '<span style="color:green;">' + val + '</span>';
  94           }else if(val < 0){
  95               return '<span style="color:red;">' + val + '</span>';
  96           }
  97           return val;
  98       },
  99       sortable : true,
 100       width : 75,
 101       xns : Roo.grid,
 102       '|xns' : 'Roo.grid'
 103      },
 104      {
 105       xtype : 'ColumnModel',
 106       dataIndex : 'pctChange',
 107       header : _this._strings['30870648ed968ed5a3e00631e4ad0699'] /* % Change */,
 108       locked : false,
 109       renderer : function  (val){
 110           if(val > 0){
 111               return '<span style="color:green;">' + val + '%</span>';
 112           }else if(val < 0){
 113               return '<span style="color:red;">' + val + '%</span>';
 114           }
 115           return val;
 116       },
 117       sortable : true,
 118       width : 75,
 119       xns : Roo.grid,
 120       '|xns' : 'Roo.grid'
 121      },
 122      {
 123       xtype : 'ColumnModel',
 124       dataIndex : 'lastChange',
 125       header : _this._strings['4221d3e17c6eca2ca6337251a3cf9c4e'] /* Last Updated */,
 126       locked : false,
 127       renderer : Roo.util.Format.dateRenderer('m/d/Y'),
 128       sortable : true,
 129       width : 85,
 130       xns : Roo.grid,
 131       '|xns' : 'Roo.grid'
 132      }
 133     ]
 134    }
 135   };  }
 136 });