extjs面向对象二

原创 2013年12月04日 10:00:17

 

<!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.com");

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

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

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

//通过继承的方式覆盖原来属性和方法,达到重写的目的
//这里已经定义好了Person的属性和方法
Ext.extend(hb.com.Student,hb.com.Person,{
	job:"学生",
	print:function(){
		alert(String.format("{0}是做{1}工作的一位{2}性:",this.name,this.job,this.sex));
	}
});
//cfg为Student的初始化数据
var cfg = {name:"huangbiao",sex:"boy"};

var student = new hb.com.Student(cfg);
student.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.com");
//给命名空间取别名,命名空间别名首字母大写
Namespace = hb.com;

//使用构造方法的核心
hb.com.Person = function(cfg){
	Ext.apply(this,cfg);
};

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

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

//这里使用了命名空间别名的方法
Namespace.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.com");
//给命名空间取别名,命名空间别名首字母大写
Namespace = hb.com;

//使用构造方法的核心
hb.com.Person = function(cfg){
	Ext.apply(this,cfg);
};

//类使用别名的方法是字母全部大写
PERSON = hb.com.Person ;

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

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

//这里使用了类的别名
PERSON.print("刘梅","女");
</script>
<body>
    <h1></h1>
    
</body>
</html>
 

 

ExtJS对几种面向对象体现.txt

  • 2010年03月09日 14:10
  • 64B
  • 下载

ExtJS 4 组件化编程,动态加载,面向对象,Direct

 ExtJS4终于出了正式版,体验一下面官方推荐的向对象编程最佳实践过去的做法是new对象或者Ext.create一个对象,每个对象都要先实例化才能使用ExtJS4推荐定义类的时候均使用Ext.def...

[第二讲]ExtJs在面向对象所处的努力

1.支持命名空间 helloworld.jsExt.namespace("Ext.dojochina") ;//命名空间Ext.dojochina.HelloWorld = Ext.emptyFn ;...

ExtJS中的面向对象设计,组件化编程思想(三)

/**//* * @author: Lilf * Description: ExtJS中的面向对象设计,组件化变成思想 */ /**//***************************扩展...

ExtJs4学习笔记(三) 面向对象

创建一个类 fdasadfasdfadfasdfasdfasdfasdfasdfasdf

ExtJS在面向对象所作出的努力

ExtJS在面向对象所作出的努力 1:支持命名空间   script type="text/javascript">      //定义一个命名空间      Ext.namespace(...

python面向对象(二)之封装

封装定义:   在程序设计中,封装(Encapsulation)是对具体对象的一种抽象,即将某些部分隐藏起来,在程序外部看不到,其含义是其他程序无法调用。  即“封装”就是将抽象得到的数据和行为(或功...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:extjs面向对象二
举报原因:
原因补充:

(最多只允许输入30个字)