extjs - ExtJS (3.4)：为 TabPanel 中的面板更新 ToolTip

Question

如何更改位于选项卡面板中的面板的工具提示？最初，当面板被添加到选项卡面板时，我使用面板构造函数的 tabtip 参数创建了一个工具提示。

Answer 1

您需要获取代表选项卡的选项卡条的 DOM 元素。您可以使用tabPanel.getTabEl(tabID)来获取条形元素。然后，您可以抓取.x-tab-strip-text跨度并设置其qtip属性。

// be sure to set your tab's itemId
var tabPanel = new Ext.TabPanel({
   items: [{
      title: 'one tab',
      tabTip: 'something',
      itemId: 'firstTabID',
      html: 'haha wooo'
   }]
});

// later...
// .getTabEl grabs the tabstrip DOM element
// Ext.get converts it to an Ext.Element
Ext.get( tabPanel.getTabEl('firstTabID') )
   // find its descendent span that contains the tab's title text
   .child('span.x-tab-strip-text', true)
   // and set the tool tip
   .qtip = 'something completely different!';

我以前从未更改过选项卡工具提示，所以我在 Ext.TabPanel 源代码中挖掘，看看他们是如何设置它的。我也学到了一些东西：）