javascript - EXTjs ViewConfig 行类

Question

使用Extjs，我正在寻找从网格中的一行更改我的background-color。到目前为止我只实现了改变一种颜色。

这是我的ViewConf

viewConfig: {
        getRowClass: function (record, index) {
            switch (record.get('status')){
                case 'load': return 'blue-row';break;
                case 'miss': return 'blue-row';break;
                case 'Active': return 'green-row';break;
                default: return 'white-row'; break;
            }
        }
    }

在我的 css 文件中，我有:

.green-row .x-grid-cell {
background-color: #43CE45 ;
}​
.white-row .x-grid-cell {
background-color: #FFFFFF ;
}​
.blue-row .x-grid-cell {
background: #C4C4C4;
}​

仅绘制 css 列表中的第一个，其他的将被忽略。在这种情况下，只有绿色行被漆成绿色，其他行虽然分配了类，但没有被漆成绿色。如果我改变顺序，则只有拳头是要在网格中绘制的。

如何为网格行设置多种颜色？我见过的所有示例都只使用两种颜色:主色和默认色。

提前致谢!

Answer 1

也许，在 miss 和 Active 情况下，其使用 record.get('status') 的验证不会失败。
尝试调试您的程序并通过执行以下操作检查状态:

viewConfig: {
        getRowClass: function (record, index) {

            console.log('status => ' + record.get('status'));

            switch (record.get('status')){
                case 'load': return 'blue-row';break;
                case 'miss': return 'blue-row';break;
                case 'Active': return 'green-row';break;
                default: return 'white-row'; break;
            }
        }
    }

See that fiddle case is working