extjs - ExtJs 字段容器拉伸

Question

我正在使用 ExtJs 6。如何实现 a 的布局FieldContainer，使其与表单布局完全一样。

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

我希望我textfield的FieldContainer尺寸与第一个完全相同textfield。

也请不要我把它textfield放在我的里面，但我希望对我FieldContainer的每一种类型都有同样的想法。componentFieldContainer

提前致谢！

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'
                            }
                        ]
                    }
                ]
            }
        })
    }
});