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);
		}
	});
	//用三个名字进行定义
	var u1=Ext.create('User');
	var u2=Ext.create('alias_user');
	var u3=Ext.create('alternateClassName_user');
	alert(u1.getName()+'=='+u1.getAge());
	alert(u2.getName()+'=='+u1.getAge());
	alert(u3.getName()+'=='+u1.getAge());
});

结果:

        

(2)定义静态方法(两种方法)

Ext.onReady(function(){
	Ext.define('Person',{
		config:{
			name:'张三'
		},
		statics:{//静态的方法或属性
			static_id:'我是Person的id,不能被子类所继承!!'
		},
		inheritableStatics:{	//静态的方法或属性
			inheritableStatics_id:'我是Person的id,我可以被子类继承!!'
		},
		constructor:function(config){
			var me = this;
			me.initConfig(config);
		}
	});

	Ext.define('User',{
		extend:'Person',
		config:{
			age:23
		}
	});
	//对继承过来的静态属性进行测试:实例对象是无法使用静态属性或者方法的
	//用类名去使用静态属性或者方法
	alert(User.static_id);
	alert(User.inheritableStatics_id);
	alert(Person.static_id);
});

结果:

        

(3)混入属性,相当于多继承:

Ext.onReady(function(){
	Ext.define('Boy',{
		boySay:function(){
			alert('I am a boy...');
		}
	});
	Ext.define('Girl',{
		girlSay:function(){
			alert('I am a girl...');
		}
	});
	Ext.define('Person',{
		mixins:{//混入属性,相当于多继承
			boy:"Boy",
			girl:"Girl"
		}
	});
	var p=Ext.create('Person');
	p.boySay();
	p.girlSay();
});

结果:

     

(4)Ext.define的其他属性:

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

时间: 2024-08-06 07:55:53

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

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()

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

Java学习-014-文本文件写入实例源代码(两种写入方式)

此文源码主要为应用 Java 读取文本文件内容实例的源代码.若有不足之处,敬请大神指正,不胜感激! 第一种:文本文件写入,若文件存在则删除原文件,并重新创建文件.源代码如下所示: 1 /** 2 * @function 文本文件操作:写入数据 3 * 4 * @author Aaron.ffp 5 * @version V1.0.0: autoUISelenium main.java.aaron.java.tools FileUtils.java txtWrite, 2015-2-2 21:03

Java学习-013-文本文件读取实例源代码(两种数据返回格式)

此文源码主要为应用 Java 读取文本文件内容实例的源代码.若有不足之处,敬请大神指正,不胜感激! 1.读取的文本文件内容以一维数组[LinkedList<String>]的形式返回,源代码如下所示: 1 /** 2 * @function 文本文件操作:读取数据 3 * 4 * @author Aaron.ffp 5 * @version V1.0.0: autoUISelenium main.java.aaron.java.tools FileUtils.java txtRead, 201

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.Array,ExtJS对javascript中的Array的扩展

关于ExtJS对javascript中的Array的扩展.能够參考其帮助文档,文档下载地址:http://download.csdn.net/detail/z1137730824/7748893 因为Array中的方法过多.将当中的部分方法设计实例进行学习.实例地址:http://blog.csdn.net/z1137730824/article/details/38797257 (1)Ext.Array中的方法 clean( Array array ) : Array 过滤掉数组里的空值,空值

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

关于ExtJS对javascript中的String的扩展,能够參考其帮助文档,文档下载地址:http://download.csdn.net/detail/z1137730824/7748893 以下对当中的部分方法进行介绍: (1)capitalize capitalize( String string ) : String 返回一个字符串.该字符串中第一个字母为大写字母 Parameters string : String 要转换的字符串 Returns String 转换后的字符串 (2

ExtJS学习-------Ext对Dom的操作:Ext.get Ext.fly Ext.getDom

具体实例: (1)创建JSP文件,引入CSS和js文件,添加三个Div <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getSer

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

关于ExtJS对javascript中的Number的扩展,可以参考其帮助文档,文档下载地址:http://download.csdn.net/detail/z1137730824/7748893 下面对其中的部分方法进行介绍: (1)constrain constrain( Number number, Number min, Number max ) : Number 检查给定的数值是否在约束的范围内. If the number is already within the 如果再范围内就返