Extjs4.1：重現形式佈局

Question

任何人都可以在extjs4.1重現此類型的佈局：

我試圖重現這種類型的組合佈局，但現在我只是做只有一個行或一列卻不能在一起同時

這是代碼我在extjs2使用：

[{ 
        layout:'column', 
        border: false, 
        items:[{ 
         width:220, 
         layout: 'form', 
         border: false, 
         items: [{ 
          xtype:'textfield', 
          fieldLabel: 'asd', 
          name: 'clientId', 
          tabIndex: 1 
         },{ 
          xtype:'textfield', 
          fieldLabel: 'lol', 
          name: 'clientId', 
          tabIndex: 11 
         }] 
        },{ 
         width:220, 
         layout: 'form', 
         border: false, 
         items: [{ 
          xtype:'textfield', 
          fieldLabel: 'qwerty', 
          name: 'description', 
          tabIndex: 2 
         },{ 
          xtype:'textfield', 
          fieldLabel: 'kat', 
          name: 'description', 
          tabIndex:12 
         } 
         ] 
        },{ 
         width:220, 
         layout: 'form', 
         border: false, 
         items: [ 
         { 
          xtype:'textfield', 
          fieldLabel: 'duck', 
          name: 'description', 
          tabIndex: 3 
         } 
         , 
         { 
          xtype:'textfield', 
          fieldLabel: 'lucky', 
          name: 'description', 
          tabIndex: 13 
         }] 

        }] 
       }] 

任何類型的幫助是有用的

Answer 1

嘗試使用HBox佈局，在例如具有alook：

http://jsfiddle.net/kG95M/