(extjs 6.0+)面板如何动态修改布局

// 创建一个面板对象
var panel = Ext.create('Ext.panel.Panel', {
    title: '面板示例',
    width: 400,
    height: 300,
    layout: 'fit', // 设置初始布局方式为fit布局
    renderTo: Ext.getBody()
});

// 创建一个按钮，用于触发修改布局的操作
var button = Ext.create('Ext.button.Button', {
    text: '修改布局',
    handler: function() {
        // 创建一个新的布局对象
        var newLayout = Ext.create('Ext.layout.container.HBox', {
            align: 'stretch',
            pack: 'start'
        });

        // 修改面板的布局
        panel.setLayout(newLayout);
    }
});

// 将按钮添加到面板中
panel.add(button);