将鼠标悬停在extjs工具栏文本中的新项目上时,如何销毁以前的工具提示

时间:2017-01-05 20:42:42

标签: extjs tooltip

我有一个工具栏,其中包含显示文档标题的文本项.Toolbar有一个下一个按钮,点击任何按钮新文档加载,将新标题加载到文档。我想创建一个工具提示,以便在鼠标悬停时显示标题。我可以创建一个,但是有一个问题,我以前的工具提示没有被销毁。

 Mycode 

  {
                xtype   : 'tbtext',
                id      : 'srcHdr',
                style   : {
                    'width' : '400px',
                    'overflow' : 'hidden',
                    'text-overflow' : 'ellipsis !important'
                },
                reference:'headerTitle',
                html     : ''
            },

控制器

    var srchHeaderTitle = this.lookupReference('headerTitle');
    srchHeaderTitle.update('<b>'
                    + unescape(title.replace('%2B', '+')
                    + '</b>'));

    var tip=Ext.create('Ext.tip.ToolTip', {
           target: 'srcHdr',
           autoHide:true,
           html: srchHeaderTitle
        });

1 个答案:

答案 0 :(得分:1)

要为工具提示动态设置html,请在目标组件渲染上创建html,然后在更新工具提示的工具提示上设置before show listener。

df$channel_num <- ifelse(df$channelGrouping %in% c("Direct","Display","Paid Search"), 0, ifelse(df$channelGrouping %in% c("Organic Search","Social"), 1, NA))

这是fiddle