如何在农业网格行上创建工具提示?

时间:2018-06-29 09:44:00

标签: ag-grid ag-grid-ng2

我希望将鼠标悬停在整行(而不仅仅是单元格)上,有条件地基于status字段显示工具提示。在API文档中,我发现了这一点:https://www.ag-grid.com/javascript-grid-column-properties/

  

tooltip接受(值,valueFormatted,data,node,colDef,rowIndex和api)的回调,它必须返回用作工具提示的字符串。 tooltipField优先。

这可以用来在整个行上显示工具提示吗?如果是,任何人都可以提供可行的示例吗?如果没有,我还有其他方法可以实现吗?

谢谢

3 个答案:

答案 0 :(得分:2)

我在列定义中这样使用它们:

{
    field: 'fullAddress',
    headerName: 'Address',
    tooltip: (params) => 'Address: ' + params.value
}

答案 1 :(得分:2)

我发现了这样的东西:

gridOptions.defaultColDef = {
    tooltip: (params) => {
        if (condition2) {
            return "Some txt";
        } else if (condition2) {
            return "Some txt2";
        } else {
            return "Some txt3";
        }
    }
};

它将将此工具提示添加为默认列定义,因此您无需在每个列定义中都复制它。

->到文档的链接: https://www.ag-grid.com/javascript-grid-cell-editing/

答案 2 :(得分:2)

从v20.1开始,colDef.tooltip已被弃用。现在,您可以通过执行以下操作在每列上设置工具提示:

{
    field: 'ItemDescription',
    headerName: 'Description',
    tooltipField: 'ItemDescription'
}

您可以查看文档here