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: {
     ...
   }
})

所以，当我在Titlebar上动态点击图标的更改标题时。谢谢，我需要帮助。

Answer 1

只需听一下tabpanel上的activeitemchange个事件：

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

在此功能中，只需从value参数中获取新标签的名称，然后将标题设置为标题栏。

希望这有帮助

如何在侦听器更改TabPanel元素时更改标题栏文本？

1 个答案: