EXTJS爲Ext.property.Grid填充內容時的單元格顏色

Question

我在ExtJS中有一個propertyGrid。當我填充內容時，我想爲單元格的文本着色。 init方法：

initGrid : function(propertyValues){ 
    this.model = Ext.decode(propertyValues); 
    this.flexColumnGrid.setSource({}); 
    for(var i in this.model){ 
     //... 
     var value = (this.model[i].value ? this.model[i].value : this.model[i].defVal); 
     this.flexColumnGrid.setProperty(this.model[i].key, value, true); 
    } 

DEFVAL是一個默認值的屬性。我用這個，當價值是空的，並有財產的defVal。 我有一個值驗證方法，但我只使用它，當一個屬性發生變化時。這是偶然事件。

edit : function(ed,e) { 
    //validate values 
} 

我可以在這個方法着色單元格的文本與

Ext.get(e.row.getElementsByTagName('td')[e.colIdx]).addCls('x-grid-wrong-value'); 

其中：

.x-grid-wrong-value{color:red} //the css 

，但我想，當網格由內容填寫驗證值。我怎樣才能做到這一點？

Answer 1

一般來說，你應該使用getRowClass這是一個例子，如何做到這一點：

How to change background in row or cell

，這是一個例子：Fiddle for changing background