extjs - 在普通面板上居中一个 formPanel

Question

我正在使用 extjs，只是想解决一个简单的问题:
我有一个固定宽度的表格。我想在普通的 Ext.Panel 中将此表单居中。
我正在尝试通过“css-way”来实现这一点——将左右边距设置为“自动”。

但这不起作用，似乎只是忽略了边距。

编码:

var curStateForm = new Ext.FormPanel({
    title:'test',
    width:300,
    bodyStyle:'margin:5px auto 0 auto',
    items: [edIst, edAdjust, edSumme]
});   


var testPanel = new Ext.Panel({
    width: '100%',
    frame:true,
    items: [curStateForm]
});  

Answer 1

这在 Ext 4 中非常适合我

在任何容器上使用它

    layout: {
        type: 'vbox',
        align: 'center',
        pack: 'center'
    },
    items: [{
        title: 'Centered Panel',
        width: 200,
        height: 200
    }]