Tre*_*yen 8 tooltip reactjs ag-grid ag-grid-react
我按照此示例进行操作,发现该表花费了很多时间来呈现工具提示。似乎没有任何延迟,我尝试了defaultBrowserTooltip和自定义工具,但是它们都很慢。有任何提示吗?
P / S:我正在使用React
我尝试过的某种方式:
tooltipField: 'myTooltipField'
tooltip: (value: string): string => value
Run Code Online (Sandbox Code Playgroud)
Nit*_*Nit 14
从 Ag-grid 23.0.0 开始,这可以通过tooltipShowDelay配置选项进行配置。
对于早期版本,银网格中使用所谓的内部服务TooltipManager这是不可配置。
默认延迟为 2 秒:
private readonly MOUSEOVER_SHOW_TOOLTIP_TIMEOUT = 2000;
Run Code Online (Sandbox Code Playgroud)
对于这些早期版本,您可以从 bean bag 手动获取服务引用并覆盖它,但对于 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);
}
}
Run Code Online (Sandbox Code Playgroud)
这是直接从用户 demostheneslld 那里“借用”的,他对 ag-grid GitHub 功能请求进行了评论,但是您可以enableBrowserTooltips: true在网格选项对象上进行设置,然后工具提示将由浏览器本机显示,而不是由 ag-grid 格式化。然后工具提示几乎立即出现。
现在有一个名为 的属性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
| 归档时间: |
|
| 查看次数: |
632 次 |
| 最近记录: |