九宫格布局练习
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
}
]
});