动态tabpanel

点击菜单,然后在contentPanel中动态加上一个tabpanel 然后继续点击别的菜单的时候,就直接修改这个tabpanel的属性,而不再去创建了.. 请教一下怎么实现

[code="java"]
var contentPanel=new Ext.TabPanel({
id:"tabPanel",

deferredRender:false,
activeTab:0,
height:650,
autoWidth:true,
border:false,
frame:true,
items:[{
contentEl : '',
frame:true,
title: '主页',
defaults:{
autoScroll:true

}
}]
});

    function onclickMenuItem(node,ID){  
        var p = contentPanel.getComponent('tabItem');
        if(!p){ //判断是否已经打开,没有打开则创建一个
            p = contentPanel.add({
                'id':'tabItem',
                'title':node.text, 
                'autoScroll':true,
                closable:true,
                autoLoad:{url:'/Lanto/jsp/tabFrame.jsp?url=showDepartmentEmployee.jsp&ID='+ID,callback:this.initSearch,scope:this,scripts:true}
                //通过autoLoad属性载入目标页,如果要用到脚本,必须加上scripts属性
            });
        contentPanel.setActiveTab(p);
        }else{//如果已经打开,则修改这个tabpanel的属性


        }

    }

[/code]

[code="java"] var p = tabPanel.getComponent(0);
if (p.title != this.tabTitle) {
var comp = new tabComp();
tabPanel.remove(p);
p = new Ext.Panel({
title : this.tabTitle,
border : false,
items : comp
});
tabPanel.add(p);
tabPanel.doLayout();
}[/code]