ExtJS-如何将工具提示设置为Ext.panel.panel中的选项卡

我有一个Ext.选项卡，面板中动态创建了多个选项卡

每个选项卡都包含一个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');

---

谢谢，

每个选项卡按钮都是

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);

---

请参见fiddle:

是，但我会动态创建每个选项卡。您提到的案例考虑静态项目/面板。这不取决于您是否动态创建标签或在项目配置中定义它们。如何定义选项卡的配置的方法是相同的。我编辑了上一篇文章以使其更清晰。很酷，但这个系统没有实现这样的选项卡：（无论如何，我找到并添加了另一个解决方案。谢谢！