2016-10-05 54 views
0

如何關閉在extjs中的元素的鼠標懸停上打開新工具提示之前未關閉的舊工具提示?清除extjs中的舊工具提示

有沒有像clearoldtooltips選項?

+0

請提供再現您的問題的例子的的jsfiddle。 – fiorebat

+0

如果是使用dismisDelay配置的情況,您是否對同一元素使用了兩個不同的工具提示? http://docs.sencha.com/extjs/5.1.2/api/Ext.tip.ToolTip.html#cfg-dismissDelay – UDID

回答

0

使用小提琴:https://fiddle.sencha.com/#fiddle/1hud

Ext.create('Ext.button.Button', { 
     text: 'hello', 
     width: 100, 
     height: 40, 
     renderTo: Ext.getBody(), 
     listeners: { 
      render: function() { 
       var me = this; 
       me.fireEvent('mouseover'); 
      }, 
      mouseover: function() { 
       // Recreate ToolTip on Hover 
       var me = this; 
       var tip = Ext.create('Ext.tip.ToolTip', { 
        target: me.id, 
        html: 'loading...', 
        listeners: { 
         show: function(eOpts) { 
          console.log('Create toolTip'); 
          this.setHtml('ToolTip'); 
         }, 
         hide: function() { 
          setTimeout(function() { 
           console.log('destroy toolTip'); 
           tip.destroy(); 
          }, 2000); 
         } 
        } 
       }); 
      } 
     } 

    });