var tabs = new Ext.TabPanel({
renderTo:document.body,
height:100
});
tabs.add({
title:'标题1',
html:'内容1',
closable:true
});
tabs.add({
id:Ext.id(), -- 这个标签对应的唯一id值
title:'标题2',
html:'内容2',
closable:true -- 是否可以手动关闭(该标签右上角有个叉关闭按钮)
});
tabs.activate(0);
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
注解:
renderTo 指定渲染的位置,我们直接把tabPanel放到html body里面
添加标签后,调用activate()函数让指定的标签变成激活状态,参数是一个从0开始的索引值,activate(0)激活第一个标签。