AG 网格工具提示需要很长时间才能渲染

问题描述 投票:0回答:4

我正在关注这个示例,发现表格需要相当长的时间来呈现工具提示。它似乎没有任何延迟,我已经尝试了 defaultBrowserTooltip 和自定义工具提示,但它们都很慢。有这方面的建议吗?

P/S:我正在使用 React

我尝试过的一些方法:

tooltipField: 'myTooltipField'

tooltip: (value: string): string => value
reactjs tooltip ag-grid ag-grid-react
4个回答
20
投票

从 Ag-grid 23.0.0 开始,这可以通过

tooltipShowDelay
配置选项进行配置。

const gridOptions = {
  tooltipShowDelay: 0; // milliseconds, default value 2000ms
};

对于早期版本,Ag-grid 使用名为

TooltipManager
的内部服务,该服务不可配置
默认延迟为 2 秒:

private readonly MOUSEOVER_SHOW_TOOLTIP_TIMEOUT = 2000;

对于这些早期版本,您可以通过向下钻取模块来手动覆盖它,但对于版本 23.0.0 及更高版本,这是不必要的。

private onGridReady(params: GridReadyEvent) {
    // NB! This is unsupported and may break at any time
    try {
      (params.api as any).context.beanWrappers.tooltipManager.beanInstance.MOUSEOVER_SHOW_TOOLTIP_TIMEOUT = 0;
    } catch (e) {
      console.error(e);
    }
}

5
投票

这是直接从用户 demostheneslld 那里“借用”的,他对 ag-grid GitHub 功能请求进行了评论,但是您可以在网格选项对象上设置

enableBrowserTooltips: true
,然后工具提示将由浏览器本地显示,而不是格式化由农业网格。然后工具提示几乎立即出现。


5
投票

现在有一个名为

tooltipShowDelay
的属性,它包含在 2020 年 3 月 17 日发布的 23.0.0 版本中。文档 https://www.ag-grid.com/javascript-grid-properties/#miscellaneous和变更日志 https://www.ag-grid.com/ag-grid-changelog/?fixVersion=23.0.0


1
投票

现已发布新道具:

tooltipShowDelay={0}

上面的代码将立即显示工具提示。 更多信息

© www.soinside.com 2019 - 2024. All rights reserved.