extjs - 将一个formPanel置于网页上

时间:2014-05-24 06:26:42

标签: html css extjs

使用extjs,我有一个固定宽度的formPanel。我想将这个表单放在一个普通的wep页面中,这样即使我最小化浏览器,表单也会出现在中心。我没有使用外部容器,只是一个带有html / css页面的简单表单面板。所以以下内容对我的情况不起作用:

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

1 个答案:

答案 0 :(得分:0)

使用另外两个容器(左侧和右侧)flex = 1并将布局更改为hbox

layout: {
    type: 'hbox'
},
items: [{
    xtype: 'container',
    flex: 1
},{
    title: 'Centered Panel',
    width: 200,
    height: 200
},    {
    xtype: 'container',
    flex: 1
}]