extjs viewport裏面tabpanel

好日子，我extjs新手，我使用extjs 3，我有我的佈局問題，我有tabpanel和內部的標籤1將視口，而標籤2只是一個簡單的內容，但是當我點擊tab2時，視口不會消失，應該是視口僅在選項卡1或第一個選項卡。以下是我的代碼，請幫助，如果我的代碼有問題會怎麼樣。extjs viewport裏面tabpanel

var Tabs; 
var chatUi; 
var content = "centerpanel"; 

var viewport1 = new Ext.Viewport({ 
    //id:  'chatUiLayout', 
    layout: 'border', 
    //renderTo : 'liveChatTextLiveHelp', 
    items: [{ 
     width: 150, 
     region: 'east', 
     title: 'east' 
    }, { 
     region: 'center', 
     title: 'center' 
    }] 
}); 


Tabs = new Ext.TabPanel({ 
    id: 'liveChatTextLiveHelp', 
    renderTo: 'div-live-chat', 
    activeTab: 0, 
    //region:  'center', 
    //hieght:  200, 
    plain: true, 
    items: [{ 
     title: 'Live help', 
     items: [ //viewport1 
     ], 
     html: "<div id='" + content + "' class='90pers' ></div>" 
    }, { 
     title: 'Tab 2', 
     html: "tab 2 content" 
    } 

    ], 
    scope: this, 
    listeners: { 
     afterrender: function() { 
      viewport1.render(content); 
     }, 
     scope: this 

    } 

});

來源

2012-09-27 Noel Balaba