Question

如何使前五行的Backgroud或文本颜色与接下来的五行不同。例如，First 5 Yellow，5 Orange，5 Yellow，5 Orange等等。

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

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?

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

2 个答案: