Расширение набор цвета фона строки сетки JS

Для изменения цвета выбранной строки необходимо переопределить соответствующий класс CSS:

.x-grid3-row-selected {
   background-color: red !important;
}

Можно также переопределить цвет границы по умолчанию , если вы хотите использовать этот класс.

Функция getRowClass, с другой стороны, предназначена для добавления статического CSS-класса в строки, используя бизнес-логику, чтобы определить, какие строки будут затронуты. Вы также можете добиться раскраски строк таким образом, но это не повлияет на цвет выделенных строк (хотя вы также можете написать CSS, которые используют оба класса вместе для этого).

РЕДАКТИРОВАНИЕ : Чтобы изменить стиль рядов программно, вы все равно захотите определить ваши стили статически в CSS, а затем просто добавлять/удалять CSS классы динамически по мере необходимости. Например, предполагая сетку и кнопку с id 'my-btn', нажатие кнопки добавит класс (может быть определен как .x-grid3-row-selected, как показано выше) в первую строку сетки, применяя любой стиль в CSS классе. Это зависит от вас, чтобы определить вашу реальную бизнес-логику для выбора ряда(ов), но это синтаксис:

Ext.get('my-btn').on('click', function(){
    Ext.fly(myGrid.getView().getRow(0)).addClass('error');
});