在ag-grid中的onCellValueChanged样式化单元格时发出问题

时间:2017-08-16 19:37:43

标签: javascript ag-grid

我正在尝试为具有特定背景颜色的单元格设置样式,如果“旧值”'和' newValue' ' onCellValueChanged'不等于处理程序。

var gridOptions = {
    columnDefs: columnDefs,
    rowData: rowData,
    onCellValueChanged: function(params) {
      if(params.oldValue !== params.newValue) {
        params.colDef.cellStyle = function(params) {
        return { backgroundColor: 'green'}; 
      }
    }
  }
 };

当我将单元格值编辑为新值时,我看不到在Tabbing out或单击任何其他单元格时应用的样式更改。相反,我必须再次单击已编辑的单元格并在此之后单击外部以查看正在应用的样式。我不确定发生了什么,有人可以在这里指导我。我还要添加demo

1 个答案:

答案 0 :(得分:0)

将其绑定到您的模板

<ag-grid-angular  (cellValueChanged)="onCellValueChanged($event)">
</ag-grid-angular>