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

Posted claireyuancy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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定义类的主要内容,如果未能解决你的问题,请参考以下文章

Ext 5.0案例 ~转~学习Extjs 5.0值得一看

EXTJS--使用Ext.define自定义类

extjs define研究

ExtJs4学习MVC中的Model

ExtJs006类别名备用名

ExtJS学习笔记3:载入提交和验证表单