在 ExtJS 中，如何向数据网格行添加自定义 CSS 类? [英] In ExtJS, how to add a custom CSS class to data grid rows?

问题描述

如何将自定义 CSS 类添加到数据网格 (Ext.grid.Panel) 中的行?

How do I add custom CSS classes to rows in a data grid (Ext.grid.Panel)?

我使用的是 ExtJS 4.0.

I'm using ExtJS 4.0.

推荐答案

这样做的方法是在网格上定义viewConfig:

The way to do it is to define viewConfig on the grid:

Ext.create('Ext.grid.Panel', {
    ...

    viewConfig: {
        getRowClass: function(record, index, rowParams, store) {
            return record.get('someattr') === 'somevalue') ? 'someclass' : '';
        }
    },

    ...
});

这篇关于在 ExtJS 中，如何向数据网格行添加自定义 CSS 类?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！