首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

ext运用总结(二)简单的hbox布局

2013-04-02 
ext使用总结(二)简单的hbox布局布局的合理利用:如图:{xtype:container,margins:5 0 0 0,layout:{align

ext使用总结(二)简单的hbox布局
布局的合理利用:
如图:


{                            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                                        }                                    ]                                }                            ]                        }

热点排行