更改行的顏色（行內）

Question

我有這個網格

{ 
     xtype: 'gridpanel', 
     id: 'grdSeguimiento', 
     margin: '20 0 10 0', 
     width: 1423, 
     store: 'Solicitud', 
     viewConfig: { 
      getRowClass: function(record, rowIndex, rowParams, store) { 
       console.log(record); 
       return record.data.get('TIEMPO') == 1 ? 'child-row' : 'adult-row'; 

      }, 
      stripeRows: false 
     }, 
     columns: [ 

      { 
       xtype: 'gridcolumn', 
       hidden: true, 
       dataIndex: 'TIEMPO', 
       hideable: false 
      } 
     ], 
     plugins: [ 
      { 
       ptype: 'rowediting', 
       listeners: { 
        edit: 'onRowEditingEdit' 
       } 
      } 
     ] 
    } 

而這個css文件

.child-row .x-grid-cell { 
background-color: #ffe2e2 !important; 
color: #900; 
} 

.adult-row .x-grid-cell { 
background-color: #e2ffe2 !important; 
color: #090; 
} 

我只是希望每個行具有基於值的顏色（TIEMPO）。

但我得到

Error: rendered block refreshed at 0 rows while BufferedRenderer view size is 63 

網格使用的CSS文件之前，工作得很好。我做了一些研究，但找不到任何有用的東西。

上面的代碼並不是所有的代碼，我使用了渲染器和動作列，但我認爲這並不重要。

任何想法？

編輯1：如果我更改了表的非可排序的數據，但似乎沒有任何造型

Answer 1

任何想法？

您需要在當前的代碼改變 這record.data.get('TIEMPO')你需要使用record.get('TIEMPO')或record.data.TIEMPO，瞭解詳情可以參考這個Ext.data.Model get()代替。

在這裏，我創建了一個小的sencha fiddle演示。你可以看到它在這裏工作正常。

Ext.create('Ext.data.Store', { 
    storeId: 'simpsonsStore', 
    fields: ['name', 'email', 'phone', 'isChecked'], 
    data: { 
     'items': [{ 
      'name': 'Lisa', 
      "email": "lisa@simpsons.com", 
      "phone": "555-111-1224", 
      "isChecked": 1 
     }, { 
      'name': 'Bart', 
      "email": "bart@simpsons.com", 
      "phone": "555-222-1234", 
      "isChecked": 0 
     }, { 
      'name': 'Homer', 
      "email": "homer@simpsons.com", 
      "phone": "555-222-1244", 
      "isChecked": 0 
     }, { 
      'name': 'Marge', 
      "email": "marge@simpsons.com", 
      "phone": "555-222-1254", 
      "isChecked": 1 
     }] 
    }, 
    proxy: { 
     type: 'memory', 
     reader: { 
      type: 'json', 
      root: 'items' 
     } 
    } 
}); 

Ext.create('Ext.grid.Panel', { 
    title: 'Grid row class on basis for row value..', 
    store: Ext.data.StoreManager.lookup('simpsonsStore'), 
    viewConfig: { 
     getRowClass: function (record, rowIndex, rowParams, store) { 
      return record.get('isChecked') == 1 ? 'child-row' : 'adult-row'; 
      //you can also use 
      //record.data.isChecked == 1 ? 'child-row' : 'adult-row'; 

     }, 
     stripeRows: false 
    }, 
    columns: [{ 
     text: 'Name', 
     dataIndex: 'name', 
     flex: 1 
    }, { 
     text: 'Email', 
     dataIndex: 'email', 
     flex: 1 
    }, { 
     text: 'Phone', 
     dataIndex: 'phone', 
     flex: 1 
    }], 
    height: 200, 
    // width: 400, 
    renderTo: Ext.getBody() 
});