您的位置:首页 > 其它

Ext4使用总结(二)简单的hbox布局

2016-11-07 09:16 363 查看
布局的合理利用:

如图:



{
xtype:'container',
margins:'5 0 0 0',
layout:{
align:'stretch',
type:'hbox'
},
items:[
{
xtype:'fieldcontainer',
margins:'5 0 0 0',
fieldLabel:'AAAA',
combineErrors: true,
labelWidth: 130,
labelAlign: 'right',
flex:1,
defaults:'hideLabel: true',
layout:{
align:'stretch',
type:'hbox'
},
items:[
{
xtype:'textfield',
flex:1
},
{
xtype:'displayfield',
margins: '0 5 0 5',
value:'至'
},
{
xtype:'textfield',
flex:1
}
]
},
{
xtype:'fieldcontainer',
margin:'5 0 0 0',
fieldLabel:'BBBB',
combineErrors: true,
labelWidth:130,
labelAlign:'right',
flex:1,
defaults:'hideLabel: true',
layout:{
align:'stretch',
type:'hbox'
},
items:[
{
xtype:'textfield',
flex:1
},
{
xtype:'displayfield',
margins: '0 5 0 5',
value:'至'

},
{
xtype:'textfield',
flex:1

}
]
}
]
}





大小: 1.4 KB
查看图片附件
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: