Ext js - 动态更改 TabPanel 中选项卡的内容

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

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

有人可以给我指出一个代码示例或给我一些如何执行此操作的提示吗？ 非常感谢！

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

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