Extjs溢出按鈕工具提示

Question

我想添加一個工具提示extjs溢出按鈕，但我找不到一種方法來做到這一點。它也沒有在文檔中提及。有沒有人能夠做到這一點？無論是或更改文本按鈕

我發現

overflowText: 'More >' 

但這似乎並沒有工作

Answer 1

您可以在工具提示添加到溢出按鈕afterrender事件的工具欄。在afterrender事件中，目標元素將爲this.layout.overflowHandler.menuTrigger.el。

工作的jsfiddlehttp://jsfiddle.net/gJjTY/（溢流圖標顯示在工具欄右下方的圖標不渲染由於缺乏CSS）的

Ext.create('Ext.toolbar.Toolbar', { 
    renderTo: document.body, 
    width : 300, 
    margin : '5 0 0 0', 
    layout : {overflowHandler: 'Menu' }, 
    items : [ 
     { 
      text : 'This is a Button', 
      tooltip: 'This is a tip', 
     }, 
     { 
      text : 'This is another button', 
     }, 
     { 
      text : "this is yet another button!" 
     } 
    ], 
    listeners: { 
     afterrender: function(view){ 
      var me = this; 
      console.log(me); 
      Ext.Function.defer(function(){ 
       Ext.create('Ext.tip.ToolTip', { 
        target  : me.layout.overflowHandler.menuTrigger.el, 
        anchor  : 'left', 
        dismissDelay : 0, 
        showDelay : 0, 
        autoHide  : true, 
        html   : "This is a tooltip!" 
       }); 
      }, 100); 
     } 
    } 
}); 

Ext.onReady(function(){ 
    Ext.QuickTips.interceptTitles = true; 
    Ext.QuickTips.init(); 
});