ExtJs入门，类、语法、函数
1.mixins的使用
Ext.define('Eat',{
eat:function(value){return '吃：' + value;}
});
Ext.define('Drink',{
drink:function(value){return '喝：' + value;}
});
Ext.define('Play',{
play:function(value){return '玩：' + value;}
});
Ext.define('DoSomeThing',{
mixins:{
Eat:'Eat',
Drink:'Drink',
Play:'Play'
},
doSth:function(value,type){
if(type == 'eat'){
return this.eat(value);
}else if(type == 'drink'){
return this.drink(value);
}else{
return this.mixins.Play.play.call(this,value);
}
}
});
var doSomeThing = new DoSomeThing();
doSomeThing.doSth('苹果','eat'); // 吃：苹果
doSomeThing.doSth('牛奶','drink'); // 喝：牛奶
doSomeThing.doSth('篮球','play'); // 玩：篮球
mixins：是为类添加特殊的功能，将多个类混合使用，使用类里可以直接调用被引用类的方法
2.config的使用
Ext.define('DoSomeThing',{
config:{
type
},
typeValue: '吃：',
constructor:function(config){
this.initConfig(config);
return this;
},
applyType: function(type){
if(type == 'eat'){
this.typeValue = '吃：'；
}else if(type == 'drink'){
this.typeValue = '喝：'；
}else if(type == 'play'){
this.typeValue = '玩：'；
}
},
doSth: function(value){
return this.typeValue + value;
}
});
var doSomeThing = new DoSomeThing();
doSomeThing.applyType('eat');
doSomeThing.doSth('苹果'); // 吃：苹果
doSomeThing.applyType('drink');
doSomeThing.doSth('牛奶'); // 喝：牛奶
doSomeThing.applyType('play');
doSomeThing.doSth('篮球'); // 玩：篮球
config：config里的属性在执行initConfig后都会生成applyXX、setXX、getXX、resetXX四个函数，XX变了后会触发applyXX方法
3.statics的使用
Ext.define('DoSomeThing',{
statics:{
eat:function(value){
return '吃：'+value;
},
drink:function(value){
return '喝：'+value;
},
play:function(value){
return '玩：'+value;
}
},
constructor:function(config){
return this;
}
});
var doSomeThing = new DoSomeThing();
doSomeThing.eat('苹果'); // 吃：苹果
doSomeThing.drink('牛奶'); // 喝：牛奶
doSomeThing.play('篮球'); // 玩：篮球
statics：statics的方法不会在累的原型里生成。