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

在(extjs 6.0+)中，可以通过修改面板的布局来实现动态修改布局的效果。以下是一种常见的方法：

首先，确保你已经创建了一个面板对象。可以使用Ext.create()方法或者通过继承Ext.panel.Panel类来创建一个面板。
在面板对象中，可以使用setLayout()方法来设置面板的布局。该方法接受一个布局对象作为参数，用于指定面板的布局方式。
在设置布局之后，可以使用add()方法向面板中添加子组件。子组件可以是其他面板、容器或者其他任何ExtJS组件。
如果需要动态修改布局，可以通过调用面板对象的setLayout()方法来改变面板的布局方式。可以传入一个新的布局对象作为参数。

下面是一个示例代码，演示了如何动态修改(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);

在上面的示例中，初始布局方式为fit布局，即子组件会自动填充整个面板。当点击按钮时，会创建一个新的HBox布局对象，并将其设置为面板的布局。这样，面板的子组件会按照水平方向进行排列。

需要注意的是，以上示例中的布局对象只是一种示例，实际应用中可以根据需求选择合适的布局对象。同时，还可以根据具体情况添加更多的子组件或者进行其他操作。