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

Question

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

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

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

Answer 1

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

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