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 встретится Вася Пупкин, то вся строка грида с Васей подсветится красным.

Comments

• ---------- extjs -----------

• Последние статьи

  • Дополнительные кнопки Extjs button на форме
  • Extjs, javascript, ajax, htmlupdater, или правильная перезагрузка страницы
  • Полезные регулярные выражения - проверка email.
  • Extjs tree управление загрузкой.
  • Проблемы производительности extjs и общие рекомендации в разработке
  • extjs form custom validator или как сделать сложный валидатор сразу на два поля
  • Как в extjs отправить форму через POST или GET а не через AJAX
  • Extjs grid или как изменить стиль строки в гриде
  • Наследование в extjs. Javascript и объекты.
  • wordpress и extjs
  • Обработка некорректного ответа сервера в extjs
  • Extjs - первая попытка в создании внятной библиотеки пользовательского интерфейса.