如何在聽衆更改TabPanel元素時更改標題欄文本？

Question

我需要更改標題欄文本時更改或點擊TabPanel的圖標。我創建

Bars.js

Ext.define('myapp.view.Myclass', { 
    extend: 'Ext.Titlebar', 

    config: { 
     title: '', 
    } 
}) 

Viewport.js

Ext.define('myapp.view.Viewport' , { 
extend: 'Ext.TabPanel', 

config: { 
     tabBarPosition: 'bottom', 
     items: [ 
     { 
      xtype: 'myicon1' 
     }, 
     { 
      xtype: 'myicon2' 
     }, 
     ] 
    } 
}) 

和MyIcon1.js

Ext.define('myapp.view.MyIcon1', { 
extend: 'Ext.Panel', 
xtype: 'myicon1', 

    config: { 
    ... 
    } 
}) 

So時，W當我在標題欄上動態地點擊圖標的更改標題時。謝謝我需要幫助。

Answer 1

只聽在一個tabpanel的activeitemchange事件：

activeitemchange: function(container, value, oldValue, eOpts){ 
    ... 
} 

在這個函數中，只得到從value參數的新選項卡的名稱和標題設置爲您的標題欄。

希望這可以幫助