学步园

Ext.onReady(function() {
			var panel = new Ext.Panel({
						renderTo : 'hello',
						title : '容器组件',
						width : 500,
						height : 200,
						layout : 'card',
						activeItem : 0,
						layoutConfig : {
							animate : true
						},
						items : [{
									title : '子元素1',
									html : '这是子元素1中的内容'
								}, {
									title : '子元素2',
									html : '这是子元素2中的内容'
								}],
						buttons : [{
									text : '切换',
									handler : changeTab
								}]
					});
			var i = 1;
			function changeTab() {
				panel.getLayout().setActiveItem(i++);
				if (i > 2)
					i = 0;
			}
		});