是否可以在Ext.JS卡布局中显示多个项目

Question

我的一个新项目我需要在页面中显示5个图表。但与此同时我只需要显示2个项目。所以我使用卡布局。但它只允许我将一个项目设置为活动项目。是否可以设置多个活动项目。

Answer 1

卡片布局一次只能显示其中一个孩子。您应该使用另一种布局来根据需要排列图表（例如vbox布局），并有选择地显示/隐藏它们。

另一个选择是将图表嵌套到容器中，它们自己在卡片布局中，但这不会让您显示图表的任何组合...但只有你在一个容器中放在一起的那些

您的容器将配置如下：

Ext.widget('container', {
    layout: 'card'
    ,items: [{
        xtype: 'container'
        ,layout: 'vbox'
        ,items: [{
            xtype: 'myChart1'
        },{
            xtype: 'myChart2'
        }]
    },{
        xtype: 'container'
        ,layout: 'vbox'
        ,items: [{
            xtype: 'myChart3'
        },{
            xtype: 'myChart4'
        }]
    },{
        xtype: 'myChart5'
    }]
});