Ag网格工具提示未提供正确的rowIndex,并且没有行数据



在AG Grid版本22.1.1上,如果用户遇到错误,我需要显示工具提示。在应用程序中有一个自定义组件,它引用工具提示,如下所示。

gridOptions: {
frameworkComponents: { customToolTip: CustomToolTip}
}

最初我使用的是api.getDisplayedRowAtIndex(this.props.rowIndex(.data,但过滤网格后rowIndex不正确。如https://github.com/ag-grid/ag-grid/issues/4007

可以执行哪些操作来显示工具提示,该工具提示使用悬停字段上的其他字段显示计算出的错误消息。

我尝试使用每个数据中的行id,但即使在gridOptions上实现了getRowNodeId,我也无法在自定义工具提示的道具中看到行id。

我还尝试使用单元渲染器创建一个具有属性title的div。在标题中,我添加了显示正确错误消息的逻辑。这显示了浏览器工具提示,但并不总是显示在网格中。

找到了使用cellRenderer显示工具提示或在网格中的数据上创建占位符列的两种方法。

  1. CellRenderer使用cellrenderer,我可以有一个方法来详细说明消息,并使用title参数在跨度上调用该方法。

  2. 数据通过添加带有错误消息的占位符对象来更新数据对象。

data[tooltipmessage] = 'error message'

然后从coldef设置tooltipField以使用此占位符对象。

gridOptions: { tooltipField: tooltipmessage}

最新更新