Ext 命名空间、类定义、继承、事件
Ext.namespace("Ext.MyApp"); //定义命名空间。
Ma = Ext.MyApp; //定义命名别名。
Ma.Person = Ext.emptyFn; //Person类，人类在Ext.MyApp这个命名空间下。
Ma.Student = Ext.emptyFn; //Student 类。
Ma.Person = function(_cfg) {
Ext.apply(this, _cfg); //_cfg在实际中是如下格式{Name:'老狼',Sex:'男'}
}
Ma.Student = function(_cfg) { //Student 类这里注册了一个名字改变时的事件。
Ext.apply(this, _cfg);
this.addEvents('NameChange'); //注册事件。
}
Ext.extend(Ma.Person, Ext.util.Observable); //Person类继承Ext事件类。
Ext.apply(Ma.Person.prototype, {
job:'无', //定义一个属性。
print: function() { //定义一个方法。
alert(String.format("姓名：{0} -- 性别：{1} --- 职业：{2}", this.Name, this.Sex));
}
});
Ma.Person.Print = function(_Name, _Sex) { //定义了一个Person类的静态方法。
var Person = new Ma.Person({ Name: _Name, Sex: _Sex });
Person.print();
}
Ext.extend(Ma.Student, Ma.Person, { //Student类继承了Person类。
job: '我是学生', //重定义父类属性。
setName: function(_Name) { //添加了一个新的方法用来设置名字。
if (this.Name != _Name) {
this.fireEvent('NameChange', this, this.Name, _Name); //触发事件的地方。
this.Name = _Name;
}
},
print: function() { //重写了父类Person的print方法。
alert(String.format("姓名：{0} -- 性别：{1} --- 我的职业是：{2}", this.Name, this.Sex, this.job));
}
});
以下是调用的测试代码
var st = new Ma.Student({ Name: '小花', Sex: '女' });
st.on("NameChange", function(sender, oldName, newName) { //名字改变时的处理程序
alert(String.format("原来的名字：{0} --- 新的名字：{1} --- 触发的对象:{2}", oldName, newName, sender));
});
st.setName("杰克老狼"); //设置名字
st.print(); //调用Student类的print函数。