如何在 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

下面的fiddle用的是现代的，经典的应该差不多。 它只是调用控制器上的init函数。

Here is a fiddle

Editor version of fiddle