php - 当单击树面板中的节点时，事件选项卡会在 extjs 4 的选项卡面板中重新加载

Question

我是 extjs 4 的新手，我有一个树面板和一个选项卡面板，在选项卡面板中我有 4 个选项卡，这四个选项卡是 ajax 选项卡，现在我的任务是当我单击树面板中的节点时重新加载选项卡面板那是我的任务所以请帮助我下面的代码是树面板

var treePanel = Ext.create('Ext.tree.Panel', {
    id: 'tree-panel',
    title: 'Taxonomy',
    region: 'west',
    collapsible: true,
    split: true,
    height: '100%',
    width: '20%',
    minWidth: 100,
    rootVisible: false,
    autoScroll: true,
    store: store,
    viewConfig: {
        plugins: {
            ptype: 'treeviewdragdrop'
        }
    },
    listeners: { //this listeners i am used for active tab reload but not working .
        select: function (s, m) {
            IPRadarPanel.setActiveTab(m.raw.TabPanel);
        }
    },   

下面的代码是tabpanel的代码

var IPRadarPanel = Ext.create('Ext.TabPanel', {
    deferredRender: false,
    id: 'IP_RadarPanel',
    // region: 'North',
    plain: true,
    split: true,
    activeTab: 0,
    items: [{
        title: 'State of patent record',
        bodyPadding: 10,
        autoScroll: true,
        loader: {
            url: 'charts/states.php',
            scripts: true,
            //scripts:true,
            contentType: 'php',
            // loadMask: true
            autoload: true
        },
        listeners: {
            activate: function (tab) {
                tab.loader.url = 'charts/states.php?id=' + treeID;
                tab.loader.load();
            }
        }
    },

Answer 1

                                if(tabPanel.activeTab.title == "IP Radar"){
                                IPRadarPanel.activeTab.fireEvent("activate", IPRadarPanel.activeTab);
                                }else{
                                //tabPanel.activeTab.fireEvent("activate", tabPanel.activeTab);
                                }