前几天做了一个动态增加Tab的功能类似浏览器。
//Tab页的面板
var tabs = new Ext.TabPanel({
id:'03030100-tabPanel',
renderTo: '03030100-tab',
width:842,
height:508,
activeTab: 0,
frame:true,
defaults: {autoScroll:false},
enableTabScroll:true,
items:[{
title:'元素信息',
bodyStyle:'padding:1px 1px 0',
items:[new Hit.FormPanel(),new Hit.EditGrid()],
},{id: 'add-tab-tool',
title: '+',
listeners: {activate: doNewTab},
autoScroll : true}]
});
function doNewTab(){
var mainTab = Ext.getCmp('03030100-tabPanel');
mainTab.remove('add-tab-tool');
mainTab.add({
title: '元素信息',
bodyStyle:'padding:1px 1px 0',
items:[new Hit.FormPanel(),new Hit.EditGrid()],//在Tab中添加自定义FormPanel和EditGrid
closable:true
}).show();
mainTab.add({
id: 'add-tab-tool',
title: '+',
listeners: {activate: doNewTab},//监听+号
autoScroll : true});
}