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

   1 {
   2  "name" : "ArrayGrid",
   3  "parent" : "#grid-panel",
   4  "title" : "",
   5  "path" : "/home/alan/gitlive/roojs1/examples/grid/ArrayGrid.bjs",
   6  "permname" : "",
   7  "modOrder" : "001",
   8  "strings" : {
   9   "1c76cbfe21c6f44c1d1e59d54f3e4420" : "Company",
  10   "30870648ed968ed5a3e00631e4ad0699" : "% Change",
  11   "3601146c4e948c32b6424d2c0a7f0118" : "Price",
  12   "f4ec5f57bd4d31b803312d873be40da9" : "Change",
  13   "4221d3e17c6eca2ca6337251a3cf9c4e" : "Last Updated"
  14  },
  15  "items" : [
  16   {
  17    "xtype" : "GridPanel",
  18    "$ xns" : "Roo",
  19    "items" : [
  20     {
  21      "listeners" : {
  22       "render" : "function (grid)\n{\n    _this.grid = this;\n}"
  23      },
  24      "xtype" : "Grid",
  25      "$ xns" : "Roo.grid",
  26      "String autoExpandColumn" : "company",
  27      "* prop" : "grid",
  28      "items" : [
  29       {
  30        "xtype" : "Store",
  31        "$ xns" : "Roo.data",
  32        "* prop" : "ds",
  33        "items" : [
  34         {
  35          "xtype" : "MemoryProxy",
  36          "$ data" : "[]",
  37          "$ xns" : "Roo.data",
  38          "* prop" : "proxy"
  39         },
  40         {
  41          "$ Array fields" : "[\n       {name: 'company'},\n       {name: 'price', type: 'float'}, \n       {name: 'change', type: 'float'},\n       {name: 'pctChange', type: 'float'},\n       {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}\n]",
  42          "xtype" : "ArrayReader",
  43          "$ xns" : "Roo.data",
  44          "* prop" : "reader"
  45         }
  46        ]
  47       },
  48       {
  49        "String header" : "Company",
  50        "String dataIndex" : "company",
  51        "Number width" : 160,
  52        "xtype" : "ColumnModel",
  53        "$ xns" : "Roo.grid",
  54        "Boolean sortable" : true,
  55        "* prop" : "cm[]",
  56        "Boolean locked" : false
  57       },
  58       {
  59        "String header" : "Price",
  60        "String dataIndex" : "price",
  61        "Number width" : 75,
  62        "$ Function renderer" : " Roo.util.Format.usMoney",
  63        "xtype" : "ColumnModel",
  64        "$ xns" : "Roo.grid",
  65        "Boolean sortable" : true,
  66        "* prop" : "cm[]",
  67        "Boolean locked" : false
  68       },
  69       {
  70        "String header" : "Change",
  71        "String dataIndex" : "change",
  72        "Number width" : 75,
  73        "$ Function renderer" : "function  (val){\n    if(val > 0){\n        return '<span style=\"color:green;\">' + val + '</span>';\n    }else if(val < 0){\n        return '<span style=\"color:red;\">' + val + '</span>';\n    }\n    return val;\n}",
  74        "xtype" : "ColumnModel",
  75        "$ xns" : "Roo.grid",
  76        "Boolean sortable" : true,
  77        "* prop" : "cm[]",
  78        "Boolean locked" : false
  79       },
  80       {
  81        "String header" : "% Change",
  82        "String dataIndex" : "pctChange",
  83        "Number width" : 75,
  84        "$ Function renderer" : "function  (val){\n    if(val > 0){\n        return '<span style=\"color:green;\">' + val + '%</span>';\n    }else if(val < 0){\n        return '<span style=\"color:red;\">' + val + '%</span>';\n    }\n    return val;\n}",
  85        "xtype" : "ColumnModel",
  86        "$ xns" : "Roo.grid",
  87        "Boolean sortable" : true,
  88        "* prop" : "cm[]",
  89        "Boolean locked" : false
  90       },
  91       {
  92        "String header" : "Last Updated",
  93        "String dataIndex" : "lastChange",
  94        "Number width" : 85,
  95        "$ Function renderer" : "Roo.util.Format.dateRenderer('m/d/Y')",
  96        "xtype" : "ColumnModel",
  97        "$ xns" : "Roo.grid",
  98        "Boolean sortable" : true,
  99        "* prop" : "cm[]",
 100        "Boolean locked" : false
 101       }
 102      ]
 103     }
 104    ]
 105   }
 106  ]
 107 }