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

29e*_*9er 3 extjs

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

在标签的"激活"我要调用一个方法,然后instanstiates一个新的FormPanel中/ GridPanel中,并把这个内容放到标签.

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

snw*_*snw 5

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

listeners: {
    activate: function(panel) {
        var formPanel = ....
        panel.add(formPanel);
        panel.doLayout();
    }
}
Run Code Online (Sandbox Code Playgroud)

  • 请注意,每次激活选项卡时,您可能不希望重新添加表单面板.您可能希望在添加激活侦听器时使用{single:true}配置,在添加表单面板后手动删除侦听器,或者检查激活处理程序是否已首先加载表单面板. (2认同)