我怎樣才能得到這個fieldset邊框來包裹它的內容呢？

Question

我有一個帶有動態添加字段（不同大小）的表單。 我想將一些表單字段放在一個字段集中，並使字段集邊界足夠大以包含所有字段。

這裏是一個（醜陋）的例子，顯示問題：

var win = new Ext.Window({ 
    xtype: 'form', 
    layout: 'form', 
    height: 200, 
    width: 500, 
    title: 'Testing', 
    items: [{ 
     xtype: 'fieldset', 
     layout: 'hbox', 
     autoHeight:true, 
     autoWidth: false, 
     title: 'Fieldset', 
     defaults: { 
      border: false, 
      layout: 'form', 
      labelAlign: 'top', 
      labelSeparator: '' 
     }, 
     items: [{ 
      items: new Ext.form.TextField({ 
       fieldLabel: 'Col1', 
       name: 'col1', 
       value: 'nothing', 
      }) 
     }, { 
      items: new Ext.form.TextField({ 
       fieldLabel: 'Col2', 
       name: 'col2', 
       value: 'something' 
      }) 
     }] 
    }, 
     new Ext.form.TextField({ 
      fieldLabel: 'Col3', 
      name: 'col3', 
      value: 'anything' 
     }) 
    ] 
}).show(); 

這是什麼樣子：

我不會預先知道包含字段的長度，所以我不能指定寬度。

感謝您的任何建議。

Answer 1

好，作品被改變某些字段集屬性：
佈局爲「表」，
autoWidth爲true，
添加了CLS「浮動：左」，（把這個風格似乎並沒有幫助）
和追加虛設元件以清除浮動：
{ 的xtype： '組件'， 樣式： '明確：既' }

現在示出了如所期望！

Answer 2

不是你要求的內容，而是將flex: 1添加到字段集的默認值中，使字段均勻排列在字段集的範圍內。