Extjs4 tabpanel 中表单定宽居中

Ext.create('Ext.tab.Panel', {
    height: 400,
    renderTo: document.body,
    items: [{
        xtype: 'panel',
        title: 'Inner Panel One',
        width: '100%',
        flex: 2
    },
    {
        xtype: 'panel',
        title: 'Inner Panel Two',
        width: 250,
        flex: 4
    },
    {
        xtype: 'panel',
        title: 'Inner Panel Three',
        width: '50%',
        layout: {
        type: 'vbox',
        align: 'center'
        },
        items:[
            {html:'panel',width:500,height:60}
        ],
        flex: 4
    }]
});

View Code

 主要是看第三个页签的内容,

{html}可以改成{xtype:'mytestformpanel'}

把真正需要的formpanel放到一个普通的panel中,

1,普通的panel布局为vbox center

2,formpanel设置自己需要的宽度

转载于:https://www.cnblogs.com/alliswell/p/3506013.html