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

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();//调用自己定义的方法
});

运行结果;

     

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

时间: 2024-08-03 11:11:19

ExtjS学习--------Ext.define定义类的相关文章

ExtJS学习-------Ext.define的别名和备用名,两种定义静态方法的方法,混入属性和其他属性

(1)Ext.define起别名和备用名 Ext.onReady(function(){ Ext.define('User',{ config:{ name:'张三', age:23 }, //使用别名 alias:'alias_user', //使用备用名 alternateClassName:'alternateClassName_user', constructor:function(config){//构造器 var me=this; me.initConfig(config); } }

ExtJS学习------Ext.define的继承extend,用javascript实现类似Ext的继承

(1)Ext.define的继承extend 具体实例: Ext.onReady(function(){ //Sup Class 父类 Ext.define('Person',{ config:{ name:'bjsxt' } , constructor:function(config){ var me = this ; me.initConfig(config); } }); //Sub Class 子类 Ext.define('Boy',{ //使用Ext的继承 extend:'Person

ExtJS学习----------Ext.Dom.Query类学习(实例)

具体实例: Ext.onReady(function(){ //Ext.DomQuery Ext.create('Ext.Panel',{ title:'Ext.DomQuery示例', width:500 , height:400 , renderTo:Ext.getBody(), html:'<ul><li>item1</li><li>item2</li></ul><div id=d1><span id=sp&g

使用Ext.define自定义类

ExtJS 允许用户使用Ext.define 自定义类.本文将通过实例介绍如何使用Ext.define自定义类,并介绍ExtJS 的动态加载(Require方法)的使用方法. Javascript自定义类 在Javascript中,自定义类是这样的: // 在Javascript中,自定义类 var Person = function(name, age) { this.Name = ""; this.Age = 0; this.say = function(msg) { alert(

ExtJS学习笔记:定义extjs类

定义类 Ext.define('Cookbook.Vehicle', { Manufacturer: 'Aston Martin', Model: 'Vanquish', getDetails: function(){ alert('I am an ' + this.Manufacturer + ' ' + this.Model); } }, function(){ Console.log('Cookbook.Vehicle class defined!'); }); 第一个参数是类名,第二个参

ExtJS学习笔记:定义extjs类别

类的定义 Ext.define('Cookbook.Vehicle', { Manufacturer: 'Aston Martin', Model: 'Vanquish', getDetails: function(){ alert('I am an ' + this.Manufacturer + ' ' + this.Model); } }, function(){ Console.log('Cookbook.Vehicle class defined!'); }); 第一个參数是类名.第二个

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

Javascript自定义类 var person = function(name,age){ this.Name = ""; this.Age = 26: this.Say = function(msg){ alert(this.Name + " Says : " + msg); } this.init = function(name,age){ this.Name = name; this.Age = age; } this.init(name, age); }

ExtJS学习-----------Ext.Object,ExtJS对javascript中的Object的扩展

关于ExtJS对javascript中的Object的扩展,可以参考其帮助文档,文档下载地址:http://download.csdn.net/detail/z1137730824/7748893 下面对其中的方法进行介绍: (1)chain,把当前传入的对象当成新创建对象的原型. chain( Object object ) 使用给定对象作为原生链返回一个新对象. Parameters object : Object 创建新对象的原生链. 实例: var obj={ name:'张三', ag

ExtJS学习----------Ext.DomHelper类学习(实例)

具体实例(实例结果在程序中) Ext.onReady(function(){ //准备工作 Ext.create('Ext.panel.Panel',{ title:'DomHelper-元素生成器的使用', width:'90%' , height:400 , renderTo:Ext.getBody(), html:'<div id=d1>我是d1</div>' }); //DomHelper //1: createHtml或markup方法 //配置项说明:四个 //tag