日期:2014-05-16 浏览次数:20390 次
最近在学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对话框,是非模式对话框,但我还是不太明白为什么只显示出最后一个对话框?