ExtJS (3.4)：更新 TabPanel 中面板的工具提示

Posted 2023-02-26

【中文标题】ExtJS (3.4)：更新 TabPanel 中面板的工具提示

【英文标题】：ExtJS (3.4): Update ToolTip for a Panel in a TabPanel

【发布时间】：2012-08-16 20:58:56

【问题描述】：

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

【参考方案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!';

我以前从未更改过选项卡工具提示，所以我在the Ext.TabPanel source 周围挖掘，看看他们是如何设置它的。我也学到了一些东西:)