加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – 如何在使用cellTemplate时启用cellTooltips?

发布时间:2020-12-17 10:17:18 所属栏目:安全 来源:网络整理
导读:我有一个使用最新版本(3.0.0-rc22)的ui-grid.在我的列定义中,我设置了一个cellTemplate以允许链接到不同的路径.不幸的是,无论我为cellTooltip设置什么,只要我有一个cellTemplate,工具提示就不会显示出来.如果我删除了cellTemplate,那么tootlips就会完美呈现.
我有一个使用最新版本(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上的函数指定自定义工具提示,但这也不起作用.

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

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

并且没有出现工具提示.有什么东西我现在缺少或者这只是ui-grid中缺少的功能吗?

我是个白痴.这显然不起作用,因为cellTemplate替换了内容,而cellTooltip只是一个title属性.

解决方法是在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>';

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读