1

タブパネルにあるパネルのツールチップを変更するにはどうすればよいですか？もともと、パネルがタブパネルに追加されたときに、パネルコンストラクターのtabtipパラメーターを使用してツールチップを作成しました。

4

1 に答える 1

3

タブのタブストリップを表す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ソースを調べて、それらがどのように設定されているかを確認しました。私も何かを学びました:)

于 2012-08-17T00:47:31.467 に答える