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

Question

如果列单元格值 > 5000，我想突出显示整行。现在我只能突出显示该单元格。

网格列渲染器:

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

Answer 1

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

Override this function to apply custom CSS classes to rows during rendering. This function should return the CSS class name (or empty string '' for none) that will be added to the row's wrapping element.

例如:

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