如何在ExtJs中动态添加标签栏中的tbar

Question

我需要在tabpanel的第二个选项卡中动态添加tbar (不想在tbar中动态添加项目，但需要根据某些条件添加tbar，否则应该无法添加)，以下是我的代码：

var wind = Ext.create("Ext.Window", {
                        modal: true,
                        scrollable: true,
                        items: [
                            {
                                margin: '0 0 0 10',
                                xtype: 'tabpanel',
                                reference: "MainTab",
                                plain: true,
                                resizeTabs: true,
                                flex: 1,
                                border: 3,
                                items: [
                                    {
                                        title: "Messages",
                                        rootTab: true,
                                        items: [{
                                           // item
                                        }] }, {    
                                        title: "Alarms",
                                        items: [{
                                                 //item,
                                        }],
                                        tbar: // need to add this tbar dynamically
                                        }] 

我尝试过使用dockedItems来使用initComponent，但对我来说不起作用。

Answer 1

下面的小提琴使用的是现代风格，但应该与古典风格相似。它只是在控制器上调用init函数。

Here is a fiddle

Editor version of fiddle