git.roojs.org Git - app.Builder.js/blob - resources/Editors/Editor.Roo.grid.Grid.bjs

   1 {
   2  "name" : "Editor.Roo.grid.Grid",
   3  "parent" : "",
   4  "title" : "",
   5  "path" : "/home/alan/gitlive/app.Builder.js/resources/Editors/Editor.Roo.grid.Grid.bjs",
   6  "permname" : "",
   7  "modOrder" : "001",
   8  "strings" : {
   9   "4ce58cbe362a5d7b156992a496d55bf3" : "Database Column",
  10   "b78a3223503896721cca1303f776159b" : "Title",
  11   "2f616612593df62aeed112de4f03110e" : "Edit a Grid",
  12   "0ccc2bf3fb98387c23b6ca5500244d6e" : "Use ",
  13   "c671c787b49f50a3ace9fdc5bd597825" : "core_enum",
  14   "32954654ac8fe66a1d09be19001de2d4" : "Width",
  15   "a1fa27779242b4902f7ae3bdd5c6d508" : "Type",
  16   "6e7376dca68a2386a8737944196ab491" : "Create / Edit Grid"
  17  },
  18  "items" : [
  19   {
  20    "listeners" : {
  21     "|activate" : "function() {\n    _this.panel = this;\n    if (_this.grid) {\n        _this.grid.footer.onClick('first');\n    }\n}"
  22    },
  23    "| function loadData" : "function(data) { \n\n     alert(\"IPC:TEST:\" + JSON.stringify(data,null,4));\n    var ar = [];\n    for (var k in data) { \n        var r = data[k];\n        var has_s = typeof(r.relates_to_schema) != 'undefined'\n        ar.push([ !has_s , r.Field, r.Type,  r.Field, 100] );\n        if (!has_s) {\n            continue;\n        }\n        for (var kk in r.relates_to_schema) {         \n            var rr = r.relates_to_schema[kk];\n            if (rr.Field == r.relates_to_col) {\n                continue;\n            }\n            ar.push([ false, r.Field + '_'+ rr.Field, rr.Type,  rr.Field, 100] );\n        }\n    }\n    \n    alert(\"IPC:TEST:\" + JSON.stringify(ar));\n    this.grid.dataSource.loadData(ar);\n}",
  24    "fitToframe" : true,
  25    "background" : false,
  26    "region" : "center",
  27    "title" : "core_enum",
  28    "xtype" : "GridPanel",
  29    "$ xns" : "Roo",
  30    "fitContainer" : true,
  31    "String title" : "Create / Edit Grid",
  32    "tableName" : "core_enum",
  33    "items" : [
  34     {
  35      "listeners" : {
  36       "|rowdblclick" : "function (_self, rowIndex, e)\n{\n    if (!_this.dialog) return;\n  \n}\n",
  37       "cellclick" : "function (_self, rowIndex, columnIndex, e)\n{\n\n        var di = this.colModel.getDataIndex(columnIndex);\n        if (di != 'active') {\n            return;\n        }\n         \n        var rec = _this.grid.ds.getAt(rowIndex);\n        \n        rec.set('active', rec.data.active * 1 ? 0 : 1);\n        rec.commit();\n         \n        \n}",
  38       "|render" : "function() \n{\n    _this.grid = this; \n    //_this.dialog = Pman.Dialog.FILL_IN\n\n}"
  39      },
  40      "Number clicksToEdit" : 1,
  41      "autoExpandColumn" : "title",
  42      "xtype" : "EditorGrid",
  43      "loadMask" : true,
  44      "$ xns" : "Roo.grid",
  45      "* prop" : "grid",
  46      "items" : [
  47       {
  48        "$ Array fields" : "[ 'active', 'dataIndex', 'type','title', 'width' ]",
  49        "$ Array data" : "[\n  [ 1, 'test', 'test', 110 ]\n  \n\n]",
  50        "Number id" : "'dataIndex'",
  51        "xtype" : "SimpleStore",
  52        "$ xns" : "Roo.data",
  53        "* prop" : "ds"
  54       },
  55       {
  56        "xtype" : "Toolbar",
  57        "$ xns" : "Roo",
  58        "* prop" : "toolbar",
  59        "items" : [
  60         {
  61          "string text" : "Edit a Grid",
  62          "xtype" : "TextItem",
  63          "$ xns" : "Roo.Toolbar"
  64         }
  65        ]
  66       },
  67       {
  68        "xtype" : "ColumnModel",
  69        "header" : "Use ",
  70        "width" : 75,
  71        "$ renderer" : "function(v) {  \n    var state = v *1 > 0 ?  '-checked' : '';\n\n    return '<img class=\"x-grid-check-icon' + state + '\" src=\"' + Roo.BLANK_IMAGE_URL + '\"/>';\n                \n }",
  72        "$ xns" : "Roo.grid",
  73        "* prop" : "cm[]",
  74        "dataIndex" : "active"
  75       },
  76       {
  77        "xtype" : "ColumnModel",
  78        "width" : 150,
  79        "header" : "Database Column",
  80        "$ renderer" : "function(v) { return String.format('{0}', v); }",
  81        "$ xns" : "Roo.grid",
  82        "* prop" : "cm[]",
  83        "dataIndex" : "dataIndex"
  84       },
  85       {
  86        "xtype" : "ColumnModel",
  87        "header" : "Type",
  88        "width" : 100,
  89        "$ renderer" : "function(v) { return String.format('{0}', v); }",
  90        "$ xns" : "Roo.grid",
  91        "* prop" : "cm[]",
  92        "dataIndex" : "type"
  93       },
  94       {
  95        "xtype" : "ColumnModel",
  96        "width" : 75,
  97        "header" : "Title",
  98        "$ renderer" : "function(v) { return String.format('{0}', v); }",
  99        "$ xns" : "Roo.grid",
 100        "* prop" : "cm[]",
 101        "dataIndex" : "title",
 102        "items" : [
 103         {
 104          "xtype" : "GridEditor",
 105          "$ xns" : "Roo.grid",
 106          "* prop" : "editor",
 107          "items" : [
 108           {
 109            "xtype" : "TextField",
 110            "$ xns" : "Roo.form",
 111            "* prop" : "field"
 112           }
 113          ]
 114         }
 115        ]
 116       },
 117       {
 118        "xtype" : "ColumnModel",
 119        "header" : "Width",
 120        "width" : 75,
 121        "$ renderer" : "function(v) { return String.format('{0}', v); }",
 122        "$ xns" : "Roo.grid",
 123        "* prop" : "cm[]",
 124        "dataIndex" : "width",
 125        "items" : [
 126         {
 127          "xtype" : "GridEditor",
 128          "$ xns" : "Roo.grid",
 129          "* prop" : "editor",
 130          "items" : [
 131           {
 132            "xtype" : "NumberField",
 133            "Number decimalPrecision" : 0,
 134            "$ xns" : "Roo.form",
 135            "* prop" : "field"
 136           }
 137          ]
 138         }
 139        ]
 140       }
 141      ]
 142     }
 143    ]
 144   }
 145  ]
 146 }