изменить цвет строк в сетке в ExtJs

Question

Как заставить Backgroud или цвет текста первых пяти строк отличаться от следующих пяти рядов. Например, первые 5 желтых, 5 оранжевых, 5 желтых, 5 оранжевых и т. Д.

Я добавил следующий слушатель для сетки

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

Я использовал это, чтобы получить содержимое во второй строке красным цветом. Но это не работает для меня.

Answer 1

Вы можете использовать пользовательский метод getRowClass GridView:

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 - Как добавить цвета фона в столбцы сетки?