2015-07-10 56 views
5

我有一個使用最新版本(3.0.0-rc22)的ui網格。在我的列定義中,我設置了一個cellTemplate以允許鏈接到不同的路線。不幸的是,無論我爲cellTooltip設置了什麼,只要我有一個cellTemplate,工具提示就不會顯示出來。如果我刪除了cellTemplate,那麼甜頭就會完美地顯示出來。如何在使用cellTemplate時啓用cellTooltips?

下面是我在做什麼:

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中缺少的功能?

回答

8

我是個白癡。這顯然不起作用,因爲cellTemplate會替換任何內容,而cellTooltip只是一個title屬性。

解決辦法是添加title屬性在cellTemplate本身就像這樣:

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>'; 
+1

除非你想要做的事一點在你的工具提示功能更復雜,事情變得更加困難。 – Snekse

相關問題