ExtJs Card布局

最新推荐文章于 2017-11-24 10:41:54 发布

宇宙神帝

最新推荐文章于 2017-11-24 10:41:54 发布

阅读量2.5k

点赞数

分类专栏： ExtJs框架文章标签： extjs function html layout

本文链接：https://blog.csdn.net/sbvfhp/article/details/7086819

版权

ExtJs框架专栏收录该内容

18 篇文章 0 订阅

订阅专栏

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;
			}
		});