Extjs Ext js-动态更改选项卡面板中选项卡的内容

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

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

有人能给我一个代码示例或者给我一些如何做的提示吗？？

---

非常感谢

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

---

请注意，您可能不希望每次激活选项卡时都重新添加表单面板。您可能希望在添加激活侦听器时使用{single:true}配置，在添加表单面板后手动删除侦听器，或者在激活处理程序中检查表单面板是否已首先加载。非常感谢！这就成功了。是的，我肯定会把逻辑放进去，这样它就不会再添加。。。

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