ExtJS 动态组件

var win = new Ext.Window({
		title:‘动态窗口‘,
		id:‘win‘,
		height:300,
		autoScroll:true,
		layout:‘column‘,
		width:400,
		bbar:[{xtype:‘button‘,text:‘添加面板‘,handler:doAddCom},
			{xtype:‘button‘,text:‘添加菜单‘,handler:doAddMenu}
		],
		tbar:[{xtype:‘button‘,text:‘菜单‘}],
		items:[]
	});
	
	function doAddCom(){
		var panel = new Ext.Panel({
			html:‘添加一xxxxx个组件‘,
			width:100,
			height:100
		});
		Ext.getCmp("win").add(panel);//核心
		Ext.getCmp("win").doLayout();//页面进行重新绘制
	}
	
	function doAddMenu(){
		var btn = new Ext.Button({
			text:‘编辑‘
		});
		Ext.getCmp("win").getTopToolbar().add(btn)//动态添加组件
		Ext.getCmp("win").doLayout();
	}

ExtJS 动态组件,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。