在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显示工具提示或在网格中的数据上创建占位符列的两种方法。
-
CellRenderer使用cellrenderer,我可以有一个方法来详细说明消息,并使用title参数在跨度上调用该方法。
-
数据通过添加带有错误消息的占位符对象来更新数据对象。
data[tooltipmessage] = 'error message'
然后从coldef设置tooltipField以使用此占位符对象。
gridOptions: { tooltipField: tooltipmessage}