Javascript EXTjs ViewConfig行类
使用Extjs,我想从网格中的一行更改我的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
背景色。到目前为止,我只换了一种颜色
这是我的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贝尼特斯,然后请提供一个例子小提琴与相同的错误。