ext5 类 -1
博客专区 > Canaan_ 的博客 > 博客详情
ext5 类 -1
Canaan_ 发表于2年前
ext5 类 -1
  • 发表于 2年前
  • 阅读 15
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】买域名送云解析+SSL证书+建站!>>>   

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时,Ext自动调用该方法
		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:'0',
	phone:'90480923'
});

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

 

 

 

 

 

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 12
博文 200
码字总数 92977
×
Canaan_
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: