如何根据EXTJS中的某些条件更改行背景颜色

Question

尊敬的先生/女士，                我是EXTJS编码的新手。我正在学习它。我遇到了根据完整的EXTJS编码中的一些标准改变行背景颜色的问题。你能帮我吗？

Answer 1

您必须在GridView中使用getRowClass方法来设置行的自定义CSS类：

viewConfig: {
    forceFit: true,
    showPreview: true, // custom property
    enableRowBody: true, // required to create a second, full-width row to show expanded Record data
    getRowClass: function(record, rowIndex, rp, ds){ // rp = rowParams
        if(record.get('isRed')){
            return 'x-grid3-row-red';
        }
    }
},

你已经定义了你的CSS类x-grid3-row-red。

在文档中查找方法getRowClass：http://dev.sencha.com/deploy/dev/docs/?class=Ext.grid.GridView