您的位置:首页 > Web前端 > JavaScript

ExtJs4.0面向对象入门级别类的定义和对象的生成解析

2012-06-27 13:55 288 查看
/**
*@ExtJs4.0入门级别的类了解<br>
*@ Ext4.0定义类,以及类中的静态属性和方法,成员方法属性,赋值验证,getters和setters的生成<br>
*
*/
Ext.onReady(function(){
Ext.QuickTips.init();//支持tips提示
Ext.Loader.setConfig( {
enabled : true
});//意思是开启Ext.Loader Ext.Loader是动态加载的核心

Ext.define("my.mywindow",{
statics: {
instanceCount: 0,//记录生成对象个数
factory: function(brand) {
// 静态构造函数
return new this({brand: brand});
}
},
config:{//在config中添加的属性会自动生成getter和setter
name:"zhangsan",
age:"xx"
},
constructor:function(config){//在创建对象的时候需要输入配置西信息
console.log(">>>>初始化对象配置");
this.initConfig(config);
return this;//需要返回自己
},
applyName:function(name){//用于在赋值之前调用
console.log(">>>>做属性赋值合法性验证"+name);
return name;//必须得加上返回
},
applyAge:function(age){
console.log(">>>>做属性赋值合法性验证"+age);
return age;
},
play:function(){
console.log("play .....");
}
},function(){console.log(this.$className+">>>>已经被创建");});

var mywin = Ext.create("my.mywindow",{name:"张三",age:"33"});
mywin.play();
console.log(">>>>通过自动生成的原型方法获取属性值>>>>"+mywin.getName());

//ExtJs4.0中的提示框
//Ext.MessageBox.alert({
//	title:"警告!!!",
//	msg:"弹出消息!!!",
//	fn:function(){
//		console.log("box is closed");
//	},
//	scope:this
//});

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: