Question

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

    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。转到此fiddle
2。调整窗口大小，使文本字段的标签不适合一行。（这里你会看到定位问题）

有没有办法正确显示避免updateLayout的字段，更改布局类型？

Answer 1

这似乎是ExtJs中的一个错误。一种解决方法是将自定义配置传递给Ext.resizer.Resizer。将dynamic指定为true可在拖动过程中动态更新组件。

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

以下是完整示例： https://fiddle.sencha.com/#view/editor&fiddle/21c3

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

1 个答案: