一起学习extjs（三）几种创建对象方式

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开发分享