ext5 类 -1

ext5的文件管理比较方便，包括文件的加载(组件的引入)，但这要知足必定的规范。

1.　类的命名：

•   类名称只能包含字母数字
• 顶级的命名空间和最后的类名应该以驼峰方式命名，中间其余的都应该小写(MyCompany.form.action.AutoLoad)
• 不要以Ext为顶级的命名空间
• 文件的存储路径要能根据类名直接映射到如：
  MyCompany.form.action.AutoLoad　－>  ../MyCompany/form/action/AutoLoad.js
• 方法和变量名称只能包含字母数字
• 静态类的属性是常量应该所有大写:
  Ext.MessageBox.YES = “Yes”
•  

2. 类的定义：

Ext.define(className, members, onClassCreated);

className类名, members类的变量方法等, onClassCreated类建立以后的回调函数。 

下面定义一个user类：

Ext.define('Test.model.User',{
	config:{　　//处理该配置中的属性，都将被封装成get/set
		name:'Mr.unknown',
		age:0,
		gender:'male',
        dept:{
           name:'dept name'
        }
	},
	phone:'unknow', 
	constructor:function(config){
		this.initConfig(config);  //初始化config配置中的值
		this.callParent(config);  //调用父类的构造方法
	},
	applyName:function(name){ //当调用setName时，Ｅxt自动调用该方法
		if(name){
			return name;
		}
	},
	applyAge:function(age){
		if(Ext.isNumber(age) ){
			return age;
		}
		return 0;
	},
	applyPhone:function(phone){//该方法实际上是无效的，由于phone没在config中
		if(!phone && phone.length = 11){
			return phone;
		}
		return 'please input'
	}
});

如java 同样。如今的user也有了构造方法，EXt也帮咱们本身生成了get/set方法了

实例化一个User

var u1 = new User({
	name:'张三',
	age:'０',
	phone:'90480923'
});

u1.getName()  //张三
u1.setAge(45)
u1.getAge()   //45
u1.getDept().name  //dept name
u1.phone       //90..23