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

最新推荐文章于 2024-07-29 17:49:33 发布

转载最新推荐文章于 2024-07-29 17:49:33 发布 · 125 阅读

本文介绍如何使用 ExtJS 定义类和配置项，包括定义类的基本语法、配置属性、自定义方法及构造器的使用。同时展示了通过 Ext.create 实例化对象的过程，并调用其方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

ExtJS配置文件和演示样例的下载地址：http://download.youkuaiyun.com/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();//调用自定义的方法
});

执行结果;