首页 > 代码库 > ExtjS学习--------Ext.define定义类

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

技术分享

ExtClass的配置项:(注:Extjs的 的中文版帮助文档下载地址:http://download.csdn.net/detail/z1137730824/7748893 

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

技术分享

技术分享

语法:

defineString 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();//调用自定义的方法
});
执行结果;

技术分享     技术分享


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