東面的靜態圖像浮動形式

Question

我在東面有用Image面板編輯產品的窗體。我希望該圖像的寬度爲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', 
    }], 
}], 

Answer 1

的項目部分出了什麼問題？使用column或hbox佈局，並將所有字段放入第一列/容器中，並將圖像放入第二列。

你有，你已經嘗試過的代碼？