如何根据数据条件改变单元格背景颜色。

admin

一、实现效果

如图所示，当数据>0的时候背景颜色变为蓝色。

二、实现思路
绑定字段的randerer事件，修改相关样式。
三、具体操作

四、相关代码

1. function(value,metaData,record,rowIndex,colIndex,store,view){
   
2.         var grid = this,
   
3.         column = grid.columnManager.getHeaderAtIndex(colIndex);//当前列
   
4.    
   
5.     if(value>0){
   
6.         metaData.tdAttr =  ' style="background: #62b0f3;" ';
   
7.         return '<span style="color:#FFFFFF">'+value+'</span>';
   
8.     }else{
   
9.         return value;
   
10.     }
    
11. 
    
12. }

复制代码

五、总结
这个样式可以写到统一的css中(),方便其他函数使用。