Ext js - 在TabPanel中动态更改Tab的内容

Question

我有一个（Ext JS）选项卡面板，在初始实例化时根本没有加载隐藏的选项卡（我设置的唯一标题是标题）。

在“激活”选项卡后，我想调用一个方法，然后设置新的FormPanel / GridPanel并将此内容放入选项卡。

有人能指出我的代码示例或给我提示如何做到这一点？ 非常感谢！

Answer 1

只需构建一个新面板并将其添加到激活的选项卡即可。然后调用doLayout（）。

listeners: {
    activate: function(panel) {
        var formPanel = ....
        panel.add(formPanel);
        panel.doLayout();
    }
}