2012-03-06 4 views
4

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

Я добавил следующий перехватчик для сетки

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

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

+0

Код того, что вы пробовали до сих пор? – Amalea

+0

Отредактирован вопрос только nw – sainath

ответ

7

Вы можете использовать пользовательский 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 пользовательские строки класса.

Смежные вопросы