一起学习extjs(三)几种创建对象方式

时间:14-07-25 栏目:EXTJS 作者:zongyan86 评论:0 点击: 5,496 次

extjs4.0后,官方推荐是用create来创建对象的,而不是new的方式。

原始方式:

html放个id为kuaipao8的按钮,通过get方法得到dom对象,添加click事件,单击的时候调用show方法 

Ext.onReady(function(){
		var win = new Ext.window.Window({
				width:400,
				height:300,
				title:'web开发'
			});
		Ext.get("kuaipao8").on("click",function(){
			win.show();
		});
});

extjs4.0推荐方式:

var win = Ext.create('Ext.window.Window',{
			width:400,
			height:300,
			title:'web开发'
		});
		Ext.get("kuaipao8").on("click",function(){
			win.show();
		});
});

插拔式开发方式:

你可以重新去拓展任何组件,拓展的组件最好放在一个独立的JavaScript文件中。以前,我们公司几乎重写了所有的组件,然后,按固定的模板生成几个模板,开发效率还是很高的。  

Ext.define("ux.myWin",{
			extend:'Ext.window.Window',//拓展
			width:400,
			height:300,
			title:'web开发',
			initComponent: function() {//初始化方法
				this.callParent(arguments);
			}
		})
Ext.get("kuaipao8").on("click",function(){
			var win = Ext.create("ux.myWin",{
				title:'my win'
			});
});

web开发分享



声明: 本文由( zongyan86 )原创编译,转载请保留链接: 一起学习extjs(三)几种创建对象方式

关注我们