ExtJS - Как установить всплывающую подсказку в TAB из Ext.panel.Panel

Question

У меня есть Ext.Tab, Panel, где у меня есть несколько вкладок, созданных динамически.

Каждая из этих вкладок содержит 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) { 

    } 
} 

Тем не менее, эта вкладка не заголовок, так что не применяя всплывающую подсказку к закладке

Любая идея

Edit:

Также был найден другой способ сделать это:

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

Thanks,

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