TabPanel使用
TabPanel是多个不同内容的容器,任意组件直接使用add()函数便可添加到TabPanel中。如果不特别指定xtype,就会默认使用Ext.Panel为这些内容生成子面板。
实例代码:
Ext.onReady(function () {
var tabs=new Ext.TabPanel({
renderTo:document.body,
heirht:100
});
tabs.add({
title:'标题1',
//使用autoLoad获取后台数据,scripts属性可以执行内容里的JavaScript代码
autoLoad:{url:'myFirstExt.html',scripts:true}
});
tabs.add({
id:Ext.id(),//tab对应的id,Ext.id()生成唯一id值
title:'标题2',
text:'内容2',
closable:true//是否显示关闭按钮
});
tabs.activate(0);//激活指定tab,参数是从0开始的索引值
});