（extjs 6.0+）面板如何动态修改布局

2024-05-10 • 问答

我的extjs版本是6.0以上；面板的原始布局曾经是“ hbox”。现在，我想将其更改为“ VBox”。我该怎么办？

由于您使用的是hbox，因此可以使用vbox方法将其更改为setLayout()布局，并跟踪其布局配置的垂直值，例如：

let myPanel = Ext.getCmp('myPanelId'); // get the reference of the panel you want to modify
myPanel.setLayout({
    vertical: true
})

遗憾的是，您无法动态更改布局的类型。相反，您必须重新创建组件并从那里更改其布局：

Ext.create('My.Panel',{
    layout: 'fit'
})

请参见 example