Extjs4 在窗体的东侧带有静态图像的浮动窗体

我有在东区用图像面板编辑产品的表格。我希望该图像将有宽度：200，高度：200。然后形成浮球。怎么做

编辑： 你们可以在附加的图片中看到，图片下方的区域是空的 这是此窗口的“项目”部分

items: [{
    xtype: 'tabpanel',
    border: false,
    items: [{
        xtype: 'container',
        title: 'General',
        border: false,
        layout: 'border',
        region: 'left',
        border: false,
        items: [{
            xtype: 'container',
            region: 'center',
            layout: 'border',

            //height: 175,
            flex: 1,
            border: false,
            items: [{
                xtype: 'webposform',
                id: 'productinfo',
                startfocused: true,

                region: 'center',
                items: [{
                    xtype: 'textfield',
                    hidden: true,
                    name: 'id',
                },{
                    xtype: 'textfield',
                    fieldLabel: 'SKU',
                    name: 'sku',
                },{
                    xtype: 'textfield',
                    fieldLabel: 'Product name',
                    name: 'name',
                },{
                    xtype: 'posdecimalfield',
                    fieldLabel: 'Sales Price',
                    name: 'price',
                },{
                    xtype: 'posdecimalfield',
                    fieldLabel: 'Cost Price',
                    name: 'cost',
                },{
                    xtype: 'textfield',
                    fieldLabel: 'EAN',
                    hideTrigger: true,
                    keyNavEnabled: false,
                    name: 'ean',
                },{
                    xtype: 'container',
                    anchor: '100%',
                    layout: 'hbox',
                    bodyPadding: 5,
                    border: false,
                    defaults: {
                        labelWidth: 120,
                        anchor:'100%'
                    },
                    items: [{
                        hidden: true,
                        xtype: 'textfield',
                        name: 'supplier'
                    },{
                        xtype: 'textfield',
                        region: 'center',
                        name: 'supplier_display',
                        fieldLabel: 'Supplier',
                        flex: 1,
                        readOnly: true,
                    },{
                        action: 'selectSupplier',
                        margin: '0 0 0 2',
                        xtype: 'button',
                        width: 25,
                        region: 'west',
                        text: '...',
                    }],
                },{
                    xtype: 'textarea',
                    fieldLabel: 'Description',
                    name: 'description'
                },]
            },{
                xtype: 'panel',
                border: false,
                layout: 'vbox',
                align : 'stretch',
                pack  : 'start',
                region: 'east',
                items: [{
                    xtype: 'panel',

                    id: 'defaultimage',
                    bodyPadding: 5,
                    height: 200,
                    width: 200,
                    margins: '5 5 5 5',
                    region: 'center',
                },{
                    xtype: 'panel',
                    border: false,
                    flex: 1
                }]
            }],
        }],
    },{
        xtype: 'imagepanel',
        title: 'Images',
        layout: 'border',
    }],
}],

---

有什么问题吗？使用column或hbox布局，将所有字段放入第一列/容器中，将图像放入第二列/容器中

---

你们有你们已经尝试过的代码吗？

是的，它看起来像是在附加的图像中，图像下面有一个空白区域。左边的控件没有最大化到这个区域，图片下面应该有什么？您希望描述字段在那个里流动吗？是的，描述需要在上面流动您的屏幕截图图像底部仍然在描述顶部上方。所以它无论如何都不会流动。但即使是这样，我认为它看起来也一点都不好。