ExtJs 字段容器拉伸

Question

我正在使用 ExtJs 6。 我怎样才能使 FieldContainer 的布局与表单布局完全一样。

看我的fiddle：https://fiddle.sencha.com/#fiddle/15v5

我希望 FieldContainer 中的 textfield 的大小与第一个 textfield 的大小完全相同。

也请不要把 textfield 放在我的 FieldContainer 中，但我希望对每种类型的 component 和我在 FieldContainer 中的想法相同。

提前致谢！

Answer 1

更改表单面板的布局

Ext.application({
    name : 'Fiddle',

    launch : function() {
       Ext.create({
            xtype: 'panel',
            renderTo: Ext.getBody(),
            items: {
                padding: 5,
                xtype: 'form',
                layout: {
                            type:'vbox', 
                            align:'stretch'
                        },
                items: [
                    {
                        xtype: 'textfield',
                        fieldLabel: 'Name'
                    }, {
                        xtype: 'fieldcontainer',
                        fieldLabel: 'Test',
                        layout: 'form',
                        //layout: {
                        //    type:'vbox', 
                        //    align:'stretch'
                        //},
                        // combineLabels: true,
                        items: [
                            {
                                itemId: "in",
                                xtype: 'textfield'
                            }, {
                                itemId: "in2",
                                xtype: 'textfield'
                            }
                        ]
                    }, {
                        xtype: 'fieldcontainer',
                        fieldLabel: 'Test2',
                        layout: 'form',
                        //layout: {
                        //    type:'vbox', 
                        //    align:'stretch'
                        //},
                        // combineLabels: true,
                        items: [
                            {
                                xtype: 'component',
                                style: {
                                    border: '1px solid red'
                                },
                                html: 'something'
                            }
                        ]
                    }
                ]
            }
        })
    }
});