Extjs多个tab页面——panel层叠

Ext.define('YieldApp.view.YieldBottomView' ,{

    extend: 'Ext.panel.Panel',

    alias : 'widget.yieldbottomView',

    autoHeight : true,

    region: "center",

    border: false,

    frame: true,

    autoWidth: true,

    title: '产量统计分析列表',

    

    items: [{

                         xtype: 'tabpanel',

                         region: 'center',

                         id : 'yieldBottomPanel',

                         defaults: {

                            autoScroll: true,    //是否有滚动条

                            bodyPadding: 5

                         },

                         items: [

                            {

                                xtype: 'panel',

                                id : 'pmonth',

                                title: '按月份统计',

                                items: [{xtype : 'yieldmonthListView'}]

                            },

                           

                            {

                                xtype: 'panel',

                                title: '按季度统计',

                                items: [{xtype : 'yieldcountListView'}]

                            },

                            {

                                xtype: 'panel',

                                title: '日产值统计',

                                items: [{xtype : 'yielddayListView'}]

                            }

                        

                        ]

                     }]

});