TabPanel的基本用法

TabPanel很常用，选项面板，代码如下：

Ext.onReady(function(){
	var tab = new Ext.TabPanel({
		renderTo:Ext.getBody(),
		width:300,
		height:200
	});
	tab.add({
		id:'tab1',
		title:'Tab1',
		html:'Tab1内容'
	});
	tab.add({
		id:'tab2',
		title:'Tab2',
		html:'Tab2内容'
	});
	tab.activate(0);
});

1、首先创建一个TabPanel对象（可以看出，Extjs也是面向对象的），然后进行配置，添加两个tab页，activate方法是激活哪个tab页

2、renderTo:Ext.getBody()是渲染整个页面

3、其实Extjs很简单，一般步骤是创建一个对象，配置一些属性，调用一些方法产生特定的效果