为什么那个总是有两个 tabpanel了、、

Ext.onReady(function(){
var panel;
var viewport=new Ext.Viewport({
layout:'border',
items:[{
region:'north',
height:60
},{
region:'west',
id:'west',
title:'',
split:true,
width: 150,
minSize: 175,
maxSize: 400,
collapsible: false,
margins:'0 0 0 2',
layout:'accordion',
layoutConfig:{
animate:true
},
items:westItems
},{
region:'center',
title:'',
split:true,
width: 200,
minSize: 175,
maxSize: 400,
collapsible: false,
margins:'0 0 0 2',
layout:'accordion',
layoutConfig:{
animate:true
},
items:tabPanel
} ]
})
var panel = new Ext.Panel({
id:'main-panel',
baseCls:'x-plain',
renderTo: Ext.get("center"),
layout:'table',
layoutConfig: {columns:2},
defaults: {frame:true, width:395, height: 300}
});

});


var tabPanel=new Ext.TabPanel({
id:"tabPanel",
region:'center',
deferredRender:false,
iconCls: 'tabs',
items:[{
contentEl:'center',
autoScroll:true
}]
});
function onClickMenuItem(el){
updateTab(el.id,el.innerHTML,el.href);
}

function addTab(id,tabTitle, targetUrl){
tabPanel.add({
id:id,
title: tabTitle,
iconCls: 'tabs',
autoLoad: {url: "tabFrame.jsp?url="+targetUrl},
closable:true
}).show();
}

function updateTab(id,title, url) {
var tab = tabPanel.getItem(id);
if(tab){
tabPanel.remove(tab);
}
tab = addTab(id,title,url);
tabPanel.setActiveTab(tab);
}