ext4使用总结（二）简单的hbox布局

李宏喜

浏览: 118764 次
性别:
来自: 北京

最近访客更多访客>>

dicksatan

gyygle

shui2012

tongjun_zhou

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

布局的合理利用：
如图：

{
                            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',
                                    margins:'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

                                        }
                                    ]
                                }
                            ]
                        }