Вы здесь

Extjs grid или как изменить стиль строки в гриде

Часто случается необходимость подстветить в гриде отдельные строки по какому-нибудь критерию. В extjs это делается очень просто. Extjs grid для своего view gthtl перед отрисовкой очередной строки грида вызывает метод
getRowClass. В качестве параметра туда передаются данные строки грида и ее индекс. А возвращать это метод должен просто название класса, которым отрисуется строка грида.

Вот рабочий пример. Создадим вот такой CSS стиль:

.vasia-pupkin {
background-color:red;
}

а в код нашего extjs грида напишем вот такой javascript ( представим, что наш грид хранится в переменной grid ):

grid.getView().getRowClass = function(row, index) {
if (row.data.fio == 'Вася Пупкин') {
return 'vasia-pupkin';
}

И теперь, если в колонке fio встретится Вася Пупкин, то вся строка грида с Васей подсветится красным.