Question

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

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);
                                }

单击树面板中的节点，然后在extjs 4的tabpanel中重新加载活动选项卡

1 个答案: