ExtJs。调整大小时的字段布局

我有一个带有嵌套面板的窗口。面板包含几个字段。 窗口调整大小事件后，面板布局的字段不正确

    var panel = new Ext.panel.Panel({
        layout: {
            type: 'vbox',
            align: 'stretch'
        },
        items: [{
            xtype: 'textfield',
            fieldLabel: 'One Two Three Four Five Six Seven',
            labelAlign: 'top',
            width: '100%'
        },{
            xtype: 'textfield',
            fieldLabel: 'One Two Three Four Five Six Seven',
            labelAlign: 'top',
            width: '100%'
        }]
    })

    var window = new Ext.Window({
        layout: 'anchor',
        title: 'Hello resizer',
        resizable: true,
        draggable: true,
        scrollable: 'vertical',
        items: [panel],
        width: 400,
        height: 200,
    });

复制方式： 1.去这个 2.调整窗口大小，使textfield的标签不适合一行。在这里，您将看到定位问题

---

有没有一种方法可以正确显示字段以避免updateLayout、更改布局类型？

这似乎是ExtJs中的一个错误。一种解决方法是将自定义配置传递给。将“动态”指定为true，以便在拖动过程中动态更新零部件

var window = new Ext.Window({
    //[...]
    resizable: {
        dynamic: true
    },
    //[...]
});

以下是完整的示例：