ExtJs中的Msg.alert("title","content")问题

最新推荐文章于 2020-10-21 10:16:13 发布

最新推荐文章于 2020-10-21 10:16:13 发布 · 160 阅读

文章标签：

#EXT #JavaScript #prototype #HTML #ViewUI

寻求帮助专栏收录该内容

1 篇文章

订阅专栏

本文探讨了使用ExtJs实现JavaScript继承时遇到的问题：通过不同构造函数创建的对象仅显示最后一个alert对话框。文中提供了详细的代码示例，并分析了可能的原因。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在学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 职业:学生 ],前面两个没有显示出来.