ExtJS窗體與標籤和字段在同一行

Question

我正在努力創建一個帶有兩個標籤文本字段的ExtJS窗體。 我希望標籤和輸入字段都出現在同一行上。 我想出的代碼打破了文本字段，顯示了第一行的標籤和下一行的輸入字段。

我有什麼：http://jsfiddle.net/aw2Pr/

的修復將是可能非常簡單，但我似乎無法弄清楚。這將是一塊蛋糕在HTML做的，我的意思是，像這樣：

<label>Amount: <input /></label> 
<label>Currency: <input /></label> 

http://jsfiddle.net/AyqYr/

我如何在ExtJS的一個類似的佈局？

我已經嘗試過改變佈局，改變文本框的寬度，給字段標籤分配寬度，詢問Google ......目前爲止沒有任何幫助。

Answer 1

爲了實現這一點，從默認配置中刪除樣式。

你的代碼看起來應該是這樣

Ext.onReady(function() {  
    var addUserForm = Ext.create(
     'Ext.container.Container', 
     { 
      renderTo: Ext.getBody(), 
      layout: { 
       type: 'hbox' 
      }, 
      anchor: '100%', 
      defaults: { 
       width: 200, 
       xtype: 'textfield' 
      }, 
      items: [{ 
       name: 'amount', 
       fieldLabel: 'Amount' 
      },{ 
       name: 'currency', 
       fieldLabel: 'Currency' 
      }] 
     } 
    ); 
});