根据输入参数加载不同的视口

Question

目前，我们使用嵌入式tomcat在本地启动ext-js应用程序。

Ext.application包含下面加载视口的代码：

var viewPort = Ext.create('Ext.container.Viewport', {
     layout  : 'fit',
        items: [
           Ext.create('Ext.tab.Panel', {                    
                items: [
                    Ext.create('Tab 1', {title: ' Tab 1'}), 
                    Ext.create('Tab 2', {title: ' Tab 2'}),
                 ],

            }),
        ]
  });

我是否可以在条件基础上加载面板上方的tab2。我如何配置说一个选项，某些在web应用程序中只有在设置了选项时加载tab2的位置？

为了更好地澄清，比如 -

// load tab 1 
if (optionSet) {
 // then load tab 2
}

这甚至可能吗？谢谢！

Answer 1

查看此代码段是否可以帮助您：

var items = [{
     xtype:'tab1'
    ,title:'Tab 1'
}];
if(condition) {
    items.push({
         xtype:'tab2'
        ,title:'Tab 2'
    });
}
var viewPort = Ext.create('Ext.container.Viewport',{
     layout:'fit'
    ,items:[{
         xtype:'tabpanel'
        ,items:items
    }]
});