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

如何使前五行的背景或文本颜色与后五行不同。 例如，前5个黄色、5个橙色、5个黄色、5个橙色，依此类推

我为网格添加了以下侦听器

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

我用这个来获取第二行的红色内容。但它对我不起作用。

你需要这个吗

范例

---

您可以使用自定义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中定义自定义行样式类。

到目前为止您尝试过的代码？