首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在使用cellTooltips时启用cellTemplate?

如何在使用cellTooltips时启用cellTemplate?
EN

Stack Overflow用户
提问于 2015-07-10 17:52:00
回答 1查看 7.8K关注 0票数 6

我已经使用了最新版本(3.0.0-rc22)的ui网格。在我的列定义中,我设置了一个cellTemplate以允许链接到另一个路由。不幸的是,不管我为cellTooltip设置了什么,只要我有一个cellTemplate,工具提示就不会出现。如果我去掉cellTemplate,嘴唇就会完美地显现出来。

我正在做的事情是:

代码语言:javascript
复制
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中包含了cellTemplate,但是我应该能够使用row.entity.site_name上的函数指定一个自定义工具提示,但这也不起作用。

我甚至尝试过一个愚蠢的cellTooltip函数,比如:

代码语言:javascript
复制
function (row, col) { return 'test' }

也没有任何工具提示出现。我是不是遗漏了什么,或者这只是ui网格中缺少的一个特性呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-07-10 18:54:26

我是个笨蛋。这显然是行不通的,因为cellTemplate取代了任何内容,而cellTooltip只是一个标题属性。

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

代码语言:javascript
复制
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>';
票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31347218

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档