使用 cellTemplate 时如何启用 cellTooltips？

Question

我有一个使用最新版本 (3.0.0-rc22) 的 ui-grid。在我的列定义中，我设置了一个 cellTemplate 以允许链接到不同的路径。不幸的是，无论我为 cellTooltip 设置什么，工具提示都不会显示，只要我有一个 cellTemplate。如果我删除 cellTemplate，tootlips 会完美显示。

这是我正在做的事情：

colDefs: [
    {
    field: 'site_name',
    displayName: 'Site Name', 
    cellTooltip: function (row, col) {return row.entity.site_name}, 
    filter: { condition: uiGridConstants.filter.CONTAINS }, 
    cellTemplate: siteNameLink, 
    width: '25%'
    },{ ... }
]

我知道只做 cellTooltip: true 是行不通的，因为 cellTemplate 中有 HTML，但我应该能够使用 [=13= 上的函数指定自定义工具提示]，但这也不起作用。

我什至尝试过一个愚蠢的 cellTooltip 函数，例如：

function (row, col) { return 'test' }

并且从未出现任何工具提示。有没有我遗漏的东西，或者这只是 ui-grid 中目前缺少的功能？

Answer 1

我是个白痴。这显然是行不通的，因为 cellTemplate 会替换任何内容，而 cellTooltip 只是一个标题属性。

解决方案是在 cellTemplate 本身中添加 title 属性，如下所示：

var siteNameLink = '<div class="ui-grid-cell-contents" title="{{COL_FIELD}}"><a 
ui-sref="sites.site_card({siteid: row.entity._id})">{{COL_FIELD}}</a></div>';

使用 cellTemplate 时如何启用 cellTooltips？

How to enable cellTooltips when using a cellTemplate?

angularjs

angular-ui-grid