日期:2014-05-16 浏览次数:20474 次
最近在学ExtJs遇到一个问题,各位大侠有空的话,过来看下.
???? 一个关于Javascript继承的例子.
?
Ext.namespace("Ext.jinghwm");
Ext.onReady(function (){
var p = new Ext.jinghwm.Person({name:"jinghwm",sex:"male"});
p.print();
//显示alert对话框 内容 : [姓名:jignhwm 性别:male 职业:NULL]
var t = new Ext.jinghwm.Teacher({name:"jinghwm_tea",sex:"famale"});
t.print();
//显示alert对话框 内容 : [姓名:jignhwm_tea 性别:famale 职业:教师]
var s = new Ext.jinghwm.Student({name:"jignhwm_stu",sex:"male"});
s.print();
//显示alert对话框 内容 : [姓名:jignhwm_stu 性别:male 职业:学生]
});
//继承实例
//Person
Ext.jinghwm.Person = function(cfg){
Ext.apply(this,cfg);
};
Ext.apply(Ext.jinghwm.Person.prototype,{
job : "NULL",
print : function(){
Ext.Msg.alert("Show Tips","姓名:"+this.name+" 性别:"+this.sex+" 职业:"+this.job);
//alert("姓名:"+this.name+" 性别:"+this.sex+" 职业:"+this.job);
}
});
//Student
Ext.jinghwm.Student = function(cfg){
Ext.apply(this,cfg);
};
Ext.extend(Ext.jinghwm.Student,Ext.jinghwm.Person,{
job : "学生"
});
//Tescher
Ext.jinghwm.Teacher = function(cfg){
Ext.apply(this,cfg);
};
Ext.extend(Ext.jinghwm.Teacher,Ext.jinghwm.Person,{
job : "教师"
});
?
?
用一个HTML网页引入以上JS文件和ExtJs库,打HTML文件,结果只显示一个[?姓名:jignhwm_stu 性别:male 职业:学生 ],前面两个没有显示出来.

?
如果将28行注释,29行取消注释,就可以依次显示出三个对话框.
其中的原因,我问过朋友,他们只说EXT用的alert对话框,是非模式对话框,但我还是不太明白为什么只显示出最后一个对话框?