如何更改选项卡面板中面板的工具提示?最初,当面板被添加到tabpanel时,我使用面板构造函数的tabtip参数创建了一个工具提示。
您需要获取表示选项卡的选项卡条的DOM元素。您可以使用tabPanel.getTabEl(tabID)来获取strip元素。然后可以获取.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的源代码,看看他们是如何设置的。我也学到了一些东西:)