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，但我应该能够使用row.entity.site_name上的函数指定自定义工具提示，但是也不起作用。

我甚至尝试过像我这样的哑细胞工具提示功能：

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？

1 个答案: