我的panel是这样定义的
centerPanel = new Ext.Panel({
region : 'center',
autoShow : true,
buttonAlign : 'center',
frame : true
});
他的父容器使用border布局,他放在center位置,宽高都未定
我想向他里面add button控件,怎样布局才能使这些控件绝对居中,并且纵向排开?

解决方案 »

  1.   

    参考4.0的  var seacehPanel = Ext.create('Ext.form.Panel', {
            title: '客户信息',
            renderTo: Ext.getBody(),
            height:120,
            width:'100%',
            bodyPadding: 5,
            collapsible: true,
            collapseMode: 'mini',
            items: [
                {
                    xtype: 'fieldset',
                    title: '条件查询',
                    height: 80,
                    width: 1000,
                    collapsible: true,
                    defaults: {
                        layout: {
                            type: 'hbox',
                            defaultMargins: { top: 0, right: 5, bottom: 0, left: 0} //横向布局
                        }
                    },
                    items: [
                        {
                            xtype: 'fieldcontainer',
                            defaults: {
                                hideLabel: true
                            },
                            items: [
                                 { xtype: 'displayfield', value: '编号:' },
                                {
                                    xtype: 'textfield',
                                    name: 'firstName',
                                    fieldLabel: 'CurNo'
                                }, { xtype: 'displayfield', value: '手机:' },
                                {
                                    xtype: 'textfield',
                                    name: 'lastName',
                                    fieldLabel: 'Phone'
                                }, { xtype: 'displayfield', value: '性别:' },
    {
        xtype: 'combo',
        mode: 'local',
        fieldLabel: 'Sex',
        name: 'title',
        displayField: 'name',
        valueField: 'value',
        emptyText: '---请选择--',
        store: Ext.create('Ext.data.Store', {
            fields: ['name', 'value'],
            data: [
                                            { name: '男', value: 'Mr' },
                                            { name: '女', value: 'Miss' }
                                        ]
        })
    }
    , {
        xtype: 'button',
        text: '查询',
        width: 80,
        margin: '10 0 0 130',
        handler: function() { }
    }]
    }]
    }]
        });