Javascript EXTjs ViewConfig行类

Javascript EXTjs ViewConfig行类,javascript,html,css,extjs,Javascript,Html,Css,Extjs,使用Extjs,我想从网格中的一行更改我的背景色。到目前为止,我只换了一种颜色 这是我的ViewConf viewConfig: { getRowClass: function (record, index) { switch (record.get('status')){ case 'load': return 'blue-row';break; case 'miss': return 'b

使用Extjs,我想从网格中的一行更改我的
背景色。到目前为止,我只换了一种颜色

这是我的
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列表中的第一个,其他的被忽略。在本例中,只有绿色的行被绘制为绿色,其他行虽然分配了类,但它们没有被绘制。如果我改变顺序,只有拳头是要在网格中绘制的

如何为网格行设置多种颜色?我看到的所有示例都只使用了两种颜色:主颜色和默认颜色


提前谢谢

也许,在
未命中
激活
的情况下,其对
记录.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;
            }
        }
    }

也许,在
未命中
激活
的情况下,它对
记录.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;
            }
        }
    }


您确定正在应用这些类吗?把它们搬来搬去真的没有意义。此外,这些中断是多余的。是的,我在浏览器控制台的“样式”选项卡上进行了检查,如果行的数据发生更改,它们将在运行时被指定和更改。我还检查了任何其他部分中的覆盖规则,但没有。我建议您发布一个测试用例,因为应用的颜色与类匹配,请参见:示例在学习中很有用,但仍然存在相同的问题。这就是为什么我建议您发布一个测试用例,我不会猜出你出现问题的所有可能原因。你确定这些课程正在应用吗?把它们搬来搬去真的没有意义。此外,这些中断是多余的。是的,我在浏览器控制台的“样式”选项卡上进行了检查,如果行的数据发生更改,它们将在运行时被指定和更改。我还检查了任何其他部分中的覆盖规则,但没有。我建议您发布一个测试用例,因为应用的颜色与类匹配,请参见:示例在学习中很有用,但仍然存在相同的问题。这就是为什么我建议您发布一个测试用例,我不会猜出你出现问题的所有可能原因。OP在评论中说,这些类的应用是正确的。是的,你是对的。我相信这里的问题在于身份验证!也许他永远不会错过
或处于活动状态我已经使用了
控制台.log
并检查了在第一次加载中分配的类,以及在修改状态列时在运行时更改的类。始终将类更改为正确的类,但仍然只绘制css@GiancarloBenítez请提供一个相同错误的例子。OP在评论中说这些类被正确应用。是的,你是对的。我相信这里的问题在于身份验证!也许他永远不会错过或处于活动状态我已经使用了
控制台.log
并检查了在第一次加载中分配的类,以及在修改状态列时在运行时更改的类。始终将类更改为正确的类,但仍然只绘制css@Giancarlo贝尼特斯,然后请提供一个例子小提琴与相同的错误。