在ExtJs中更改网格中行的颜色

Question

如何获取前五行的背景或文本颜色与接下来的五行不同。 例如，前5黄，橙5，5黄色，橙色5，等..

我添加以下监听器网格

listeners: { 
    viewready: function(g) { 
     g.getView().getRow(1).style.color="#f30"; 
    } 
} 

我用这个来获取内容第二行是红色的，但它不适合我。

Answer 1

您可以使用自定义的GridView getRowClass方法：

var mygrid = new Ext.grid.GridPanel({ 
    viewConfig: { 
     getRowClass: function(record, index, rowParams) 
     { 
     return (Math.floor(index/5.0) % 2 == 0) ? 'rowClass1' : 'rowClass2'; 
     } 
    } 
}) 

然后在您的网页或在你的CSS的自定义行定义风格类。

Answer 2

你需要这个http://docs.sencha.com/ext-js/4-0/#!/api/Ext.grid.column.Column-cfg-renderer

例如

ExtJS 4 - How to add background colors to columns of a grid?