我怎样才能得到这个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添加到字段集的默认值中，使字段均匀排列在字段集的范围内。