如何防止自定义工具提示显示当前是否正在编辑单元格

时间:2020-07-08 03:34:40

标签: ag-grid ag-grid-angular

下面是columnDefs下字段配置的示例。我将customEditor用于单元格编辑器。我还将customRenderer用于单元格渲染器。另外,我正在使用customTooltip作为工具提示。

{headerName: 'Amount', field: 'amount', lockPosition: true, width: 85,
 cellEditor: 'customEditor', cellRenderer: 'customRenderer',
 tooltipComponent: 'customTooltip',
 tooltipValueGetter: params => params.data.amount ? params.data : undefined
...}

我知道工具提示只会在单元格上有价值时显示。因此,使用tooltipValueGetter,我检查是否存在params.data.amount。如果是这样,我将值设置为params.data;如果没有,我将其设置为undefined。工作正常。

但是,当我编辑单元格时,工具提示仍会显示。编辑单元格时如何防止显示工具提示?此外,当我删除该值时,工具提示仍会显示并且不会消失。它永远存在。

注意:我正在使用Angular 10和最新版本的ag-grid。

1 个答案:

答案 0 :(得分:0)

在自定义工具提示实现中,检查要为其呈现工具提示的列(line = 'ANNA BOUGHT AN APPLE AND A BANANA' print(' '.join('X' if word == 'AN' else word for word in line.split())) )是否与当前正在编辑的列相同(请使用我们将设置的columnCellInEdit变量进行检查),如果是,则不要执行此操作不能正常渲染其他任何东西。

params.colDef.field