关闭

extjs面向对象一

193人阅读 评论(0) 收藏 举报

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../lib/ext-all.css" />
	<script type="text/javascript" src="../lib/ext-base.js"></script>
    <script type="text/javascript" src="../lib/ext-all.js"></script>
	<script type="text/javascript" src="helloword.js"></script>
</head>
<script type="text/javascript">
Ext.namespace("HB");
//使用构造方法的核心
HB.Person = function(cfg){
	Ext.apply(this,cfg);
};

Ext.apply(HB.Person.prototype,{
	print:function(){
		alert(String.format("姓名:{0},性别:{1}",this.name,this.sex));
	}
});

HB.Person.print = function(_name,_sex){
	var person = new HB.Person({name:_name,sex:_sex});
	person.print();
}

HB.Person.print("刘梅","女");
</script>
<body>
    <h1></h1>
    
</body>
</html>

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
    <title>在一个类级别上共享的方法</title>
    <link rel="stylesheet" type="text/css" href="../lib/ext-all.css" />
	<script type="text/javascript" src="../lib/ext-base.js"></script>
    <script type="text/javascript" src="../lib/ext-all.js"></script>
	<script type="text/javascript" src="helloword.js"></script>
</head>
<script type="text/javascript">
Ext.namespace("HB");
HB.Person = Ext.emptyFn;

Ext.apply(HB.Person.prototype,{
	name:"huangbiao",
	sex:"boy",
	print:function(){
		alert(String.format("姓名:{0},性别:{1}",this.name,this.sex));
	}
});

//类的静态方法
HB.Person.print = function(name,sex){
	var person = new HB.Person();
	person.name = name;
	person.sex = sex;
	person.print();
}
</script>
<body>
    <h1></h1>
    
</body>
</html>
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../lib/ext-all.css" />
	<script type="text/javascript" src="../lib/ext-base.js"></script>
    <script type="text/javascript" src="../lib/ext-all.js"></script>
	<script type="text/javascript" src="helloword.js"></script>
</head>
<script type="text/javascript">
Ext.namespace("HB");

HB.Person = function(cfg){
	Ext.apply(this,cfg);
};

Ext.apply(HB.Person.prototype,{
	job:"无",
	print:function(){
		alert(String.format("姓名:{0},性别:{1},工作:{2}",this.name,this.sex,this.job));
	}
});

HB.Student = function(cfg){
	Ext.apply(this,cfg);
}

//继承代码的核心,学生继承Person类,并且给Person类的job字段赋值
//后面的job字段一定要赋值,否则会出现语法错误,脚本不继续执行
Ext.extend(HB.Student,HB.Person,{
	job:"学生"
});
//cfg为Student的初始化数据
var cfg = {name:"huangbiao",sex:"boy"};

var student = new HB.Student(cfg);
student.print();


HB.Teacher = function(cfg){
	Ext.apply(this,cfg);
}
Ext.extend(HB.Teacher,HB.Person,{
	job:"老师"
});
var cfg1 = {name:"liumei",sex:"girl"};
var teacher = new HB.Teacher(cfg1);
teacher.print();
</script>
<body>
    <h1></h1>
    
</body>
</html>
 

 

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:330184次
    • 积分:8947
    • 等级:
    • 排名:第2254名
    • 原创:1096篇
    • 转载:14篇
    • 译文:0篇
    • 评论:5条
    最新评论