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 在面向对象方面的支持

简述: 研究extJS可以OO的继承 知识点: 1. extJS的继承方式 1) Ext.extend( INHERITENCE_CLASS,BASE_CLASS , { func:f...
  • anialy
  • anialy
  • 2012年07月19日 00:39
  • 952

10面向对象高级特性三

抽象类 v      抽象类:用abstract关键字来修饰一个类时,该类叫做抽象类; §        抽象类必须被继承。 §        抽象类不能被直接实例化。它只能作为其它类的超类,这...
  • kuangfengbuyi
  • kuangfengbuyi
  • 2011年12月10日 00:25
  • 578

面向对象中的序列化和反序列化

序列化 (Serialization)将对象的状态信息转换为可以存储或传输的形式的过程。在序列化期间,对象将其当前状态写入到临时或持久性存储区。以后,可以通过从存储区中读取或反序列化对象的状态,重新创...
  • forLightWay
  • forLightWay
  • 2017年01月18日 17:36
  • 434

ExtJS面向对象

序言      1.ExtJs是一套很好的后台框架。现在很流行的,我们要会。         2.这是我写ExtJs的第一篇,以后会写很多直到把这框架运用的炉火纯青,走火入魔。 Ex...
  • jpmorgan1204
  • jpmorgan1204
  • 2014年08月28日 17:56
  • 28

从零开始 React Native (2) ES6面向对象编程

主要知识点: 模板字符串 箭头函数 解构赋值 Symbol 第七种数据类 class 关键字 语法糖 继承 (原型继承 原型继承的问题)(构造函数继承 )(组合继承) 下面都是代码样例 看看能打印什...
  • liudao7994
  • liudao7994
  • 2017年05月03日 14:40
  • 429

ExtJS的面向对象编程(继承、重写)

  • fuyuwei2015
  • fuyuwei2015
  • 2015年07月29日 21:42
  • 1527

extjs面向对象一

Ext.namespace("HB"); //使用构造方法的核心 HB.Person = function(cfg){ Ext.apply(this,cfg); }; Ext.appl...
  • hbiao68
  • hbiao68
  • 2013年12月04日 10:00
  • 201

面向对象(二)

3.9抽象类 1、特点 ⑴、被abstract修饰的,只有声明没有实现的方法就是抽象方法,抽象方法必须被定义在抽象类中,该类也得被abstract修饰。 ⑵、抽象类不可以实例化,因为调用方法没有...
  • njzy90
  • njzy90
  • 2013年10月27日 19:15
  • 782

二、面向对象

面向对象是JAVA语言与其他语言的最大区别,也是JAVA语言最大的特征,它将复杂的问题简单化,从而提高效益,节约成本。 面向对象的的三大特征:继承、多态、封装   继承: 当多...
  • Alibe1991
  • Alibe1991
  • 2012年12月17日 14:23
  • 262

面向对象(二)

深入面向对象 (1)自定义类并创建对象内存图 (2)学生类内存图 (3)面向对象开发,设计,特征 面向对象的开发过程实质是不断地创建对象,使用对象去做事情的过程。 设计的过程:其实就是在管理和...
  • u013479321
  • u013479321
  • 2014年02月01日 16:11
  • 431
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:extjs面向对象二
举报原因:
原因补充:

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