ExtJS - 行渲染器 - 如果单元格具有特定值,则突出显示整行

时间:2015-06-09 17:41:16

标签: html extjs

如果列单元格值> 5000,我想强调整行。现在我只能突出那个细胞。

网格列渲染器:

renderer:function(val_, meta_, rec_) {
  if(val_> 5000) {
     meta_.style = "background-color:red;"; 
   }
}

1 个答案:

答案 0 :(得分:8)

设置getRowClass(在您的网格上)而不是列渲染器:

  

重写此函数以在期间将自定义CSS类应用于行   渲染。此函数应返回CSS类名(或空   字符串''表示无)将被添加到行的包装元素。

例如:

viewConfig: {
    getRowClass: function(record, rowIndex, rowParams, store){
        return record.get("someField") > 5000 ? "row-highlight" : "";
    }
}