ExtJS的 - 如何從Ext.panel.Panel

Question

設置提示爲TAB我有一個Ext.Tab，面板在那裏我有動態創建的多個選項卡。

每次這個標籤包含一個Ext.panel.panel。我需要做的是在選項卡中添加工具提示。我試圖做這樣的事情：

Ext.define('XXX.XXX.XXX.MyCustomPanel', { 
extend: 'Ext.panel.Panel', 

setTabTitle: function() { 

    title = 'some title'; 

    try { 
    this.setTitle(title); 

    this.getHeader().getEl().set({ 
     'data-qtip': title 
    }); 
    } catch (e) { 

    } 
} 

然而，標籤是不是標題所以它是不適用的工具提示標籤

任何想法

編輯：

還發現了另一種方法：

this.tab.setTooltip('tool tip'); 

謝謝，

Answer 1

每個選項卡按鈕Ext.tab.Tab類的實例。當你在創建標籤面板新的面板，你可以通過tabConfig選項指定選項卡按鈕配置。

所以在tabConfig選項，你隨便指定標籤提示是：

tabConfig: {      
     tooltip: 'Tooltip text' 
    } 

此代碼創建新的已定義的工具提示和動態地創建第三個也有Ext.Tab.Panel有兩個選項卡提示：

var tabPanel = Ext.create('Ext.tab.Panel', { 
     width: 400, 
     height: 400, 
     renderTo: Ext.getBody(), 
     items: [{ 
      title: 'Foo', 
      tabConfig: {      
       tooltip: 'A Foo tab tooltip' 
      }     
     }, { 
      title: 'Bar', 
      tabConfig: {      
       tooltip: 'A Bar tab tooltip' 
      } 
     }] 
    }); 

    var dynamiclyCreatedTab = Ext.create('Ext.panel.Panel',{ 
     tabConfig: { 
      title: 'Dynamicly created tab', 
      tooltip: 'A Dynamicly created tab tooltip' 
     } 
    }); 

    tabPanel.add(dynamiclyCreatedTab); 

見琴：https://fiddle.sencha.com/#fiddle/1q8