ExtjS学习--------Ext.define定义类

Posted 2020-09-12 claireyuancy

Ext类Class的配置项：（注：Extjs的 的中文版帮助文档下载地址：http://download.csdn.net/detail/z1137730824/7748893 

ExtJS配置文件和演示样例的下载地址：http://download.csdn.net/detail/z1137730824/7754771）

语法：

define( String className, Object data, Function createdFn )

实例：

Ext.onReady(function(){
	//语法：define( String className, Object data, Function createdFn )
	Ext.define(‘Person‘,{
		//对于类的配置信息
		//config属性：配置当前类的属性内容。而且会自己主动加入get和set方法
		config:{
			name:‘张三‘,
			age:30
		},
		//自定义的方法
		myMethod:function()
		{
			alert(‘这是自定义的方法‘);
		},
		//给当前定义的类加入构造器
		constructor:function(config)
		{
			var me=this;//获取当前的类
			//能够查看配置项中的内容
//			for(var attr in config)
//			{
//				alert(attr+":"+config[attr]);
//			}
			me.initConfig(config);//对传递进来的參数进行真正的初始化
		}
	});
	//Ext推荐的实例化对象的方法：Ext.Create
	var p=Ext.create(‘Person‘,{//自定义的类的类名
		name:‘实例化名字‘,//配置项
		age:100
	});
	alert(‘名字：‘+p.getName()+‘--age：‘+p.getAge());//调用默认加入的get方法
	p.myMethod();//调用自定义的方法
});

执行结果;