Extjs 如何使此字段集边框紧紧围绕它'；内容

我有一个动态添加字段（大小不同）的表单。 我想在一个字段集中放置一些表单字段，并使字段集边框足够大以包含所有字段

下面是一个（丑陋的）例子，说明了问题：

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();

这就是它看起来的样子：

我事先不知道包含字段的宽度，因此无法指定宽度

---

感谢您的建议。

这不是您想要的，但是在字段集的默认值中添加

flex:1

会使字段在字段集的范围内均匀排列。

好，通过更改某些字段集属性来工作：
“表格”的布局，
自动宽度为true，
添加带有“float:left”的cls（将其设置为样式似乎没有帮助）
并添加虚拟元素以清除浮动：
{ xtype:'组件'， 风格：“清晰：两者都有” }

---

它现在显示为所需

谢谢。我不希望它们均匀排列，我希望字段集边界更小。