ext3/tree与tabpanel分属两个不同的js，如何点击tree在tabpanel中新建tab??

我的结构是这样的， main.html  frameset进menu.html.以及index.htmlmenu.html 实例化tree，index.html实例化tabpanel
tree.js如下
Ext.ns('menu');var menu = function() {
    var tree = new Ext.tree.TreePanel( {
        renderTo :"tree",
        root :"常用菜单",
        border:false,
        loader :new Ext.tree.TreeLoader( {
            url :'../template/admin/js/test.js'
        }),
        width :"100%",
        height :"100%"
    });    tree.on('click', function(node, e) {
        if (node.isLeaf()) {
            e.stopEvent();
            var _tabpanel = new tabpanel();
            var n = _tabpanel.getComponent(node.id);            if (!n) {
                n = _tabpanel.add( {
                    id :node.id,
                    title :node.text,
                    closable :true,
                    autoScroll :true,
                    autoLoad : {
                        url :node.attributes.href,
                        scripts :true
                    }
                });
            }
            alert(n);
            _tabpanel.setActiveTab(n);
        }
    });
    return tree;
}
Ext.ns('tabpanel');var tabpanel = function() {
    return new Ext.TabPanel( {
        id :"mainTab",
        width :"100%",
        border:false,
        activeTab :0,
        defaults : {
            autoScroll :true,
            autoHeight :true,
            style :"padding:5"
        },
        items : [ {
            title :"欢迎回来",
            tabTip :"normal",
            html :"tab1",
            iconCls :"add"
        } ],
        enableTabScroll :true
    });
}
点击tree中的菜单，始终没办法在 tabpanel中新建tabpanel. 怎么回事？？？谢谢回答。最后只有这多分了。