九宫格布局练习

Ext.create('Ext.Container', {    fullscreen: true,    layout: 'vbox',defaults: {                flex: 1,                width: '100%',                padding: 10,                defaults: {                    flex: 1,                    height: '100%',                    margin: 10                }                },    items: [        {                xtype: 'panel',                layout: 'hbox',                items:[                    {xtype:'button',text:'按钮1'},                    {xtype:'button',text:'按钮2'},{xtype:'button',text:'按钮3'},                                    ],  flex: 1        },        {            xtype: 'panel',                layout: 'hbox',                items:[                    {xtype:'button',text:'按钮1'},                    {xtype:'button',text:'按钮2'},{xtype:'button',text:'按钮3'},                                   ],  flex: 1        }, {           xtype: 'panel',                layout: 'hbox',                items:[                    {xtype:'button',text:'按钮1'},                    {xtype:'button',text:'按钮2'},{xtype:'button',text:'按钮3'},                                   ],  flex: 1        }, {            xtype: 'panel',                layout: 'hbox',                items:[                    {xtype:'button',text:'按钮1'},                    {xtype:'button',text:'按钮2'},{xtype:'button',text:'按钮3'},                                   ],  flex: 1        }    ]});