Extjs Gridpanel-根据字段值条件更改行颜色

假设我有一个示例网格，如下所示：

+-----------------+-------+-------+--------+
| PRODUCT NAME    | PRICE | STOCK | STATUS |
+-----------------+-------+-------+--------+
| PRODUCT A       |   10  |   15  |   0    |
+-----------------+-------+-------+--------+
| PRODUCT B       |   17  |   12  |   1    |
+-----------------+-------+-------+--------+

我想做的是，根据字段

状态更改网格行颜色

。如果字段状态等于

1

，则行颜色应不同

型号

Json存储

---

可以使用getRowClass执行以下操作：

在网格面板中，添加以下内容：

viewConfig: {
    getRowClass: function(record) {
        if(record && record.get('STATUS') ===  1) return 'different-color-class';
    }
}

---

您可以使用getRowClass执行以下操作：

在网格面板中，添加以下内容：

viewConfig: {
    getRowClass: function(record) {
        if(record && record.get('STATUS') ===  1) return 'different-color-class';
    }
}

---

亲爱的Luke，您引用了

tableview

xtype，对吗？不要对该类型挂起太多电话，因为您涉及到继承。我只是告诉你方法的定义。查看gridpanel的viewConfig属性。viewConfig下的第一条注释涉及getRowClass。请看这里：亲爱的Luke，您引用了

tableview

xtype，对吗？不要对该类型挂起太多电话，因为您涉及到继承。我只是告诉你方法的定义。查看gridpanel的viewConfig属性。viewConfig下的第一条注释涉及getRowClass。请看这里：

            {
            xtype: 'gridpanel',
            id: 'variant-grid',
            store: articles,
            columnLines: true,
            columns: [
                {
                    text: 'TANIM',
                    width: 235,
                    dataIndex: 'SORTEN_TEXT',
                    renderer: function (value, metaData, record) {
                        if (value == null) {
                            return record.get('ART_DESC');
                        } else {
                            return record.get('SORTEN_TEXT');
                        }
                    }
                },
                {text: 'VARIANT', dataIndex: 'VAR', width: 90, align: 'center'},
                {text: 'GEBI', dataIndex: 'GEBI_NR', width: 90, align: 'center'},
                {text: 'SUBSYS', dataIndex: 'SUBSYS_ART_NR', width: 110, align: 'right'},
                {text: 'STATUS', dataIndex: 'STATUS', hidden: true}
            ],
            style: {
                fontFamily: 'DINPro-Regular',
                fontSize: '10pt',
                marginBottom: '10px'
            },
            height: 180,
            width: '100%',
            loadMask: {msg: 'Artikel bilgileri yükleniyor...'},
            selModel: selModels
        }

viewConfig: {
    getRowClass: function(record) {
        if(record && record.get('STATUS') ===  1) return 'different-color-class';
    }
}