extjs面向对象一

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

 

<!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>
 

 

 

extjs中字符串和对象之间的转换,实现前后台传值

前台:onRBtnClick : function(button, e, eOpts) { var form = button.up('form'); var sampleNum = form...
  • Jay821
  • Jay821
  • 2013年12月17日 18:35
  • 2145

10、ExtJs——类的声明、对象创建及关键字

在ExtJs中,关于类的声明和对象的创建
  • kaoa000
  • kaoa000
  • 2014年09月24日 16:51
  • 1603

ExtJS学习笔记(十二) Ext 获取组件、获取DOM

select 和 queryExt.query和Ext.select的作用是一致的,同是根据CSS选择符查找出一个或多个元素。区别在于返回类型上。 query方法返回的是JavaScript标准的数组...
  • qq_20282263
  • qq_20282263
  • 2017年01月24日 11:16
  • 2593

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

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

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

/**//* * @author: Lilf * Description: ExtJS中的面向对象设计,组件化变成思想 */ /**//***************************扩展...
  • s464036801
  • s464036801
  • 2012年08月17日 23:36
  • 1169

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

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

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

1.支持命名空间 helloworld.jsExt.namespace("Ext.dojochina") ;//命名空间Ext.dojochina.HelloWorld = Ext.emptyFn ;...
  • yu624774720hua
  • yu624774720hua
  • 2011年06月17日 15:07
  • 461

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

创建一个类 fdasadfasdfadfasdfasdfasdfasdfasdfasdf
  • u014677625
  • u014677625
  • 2014年04月14日 15:50
  • 600

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

ExtJS在面向对象所作出的努力 1:支持命名空间   script type="text/javascript">      //定义一个命名空间      Ext.namespace(...
  • gaoqiao1988
  • gaoqiao1988
  • 2013年05月29日 13:48
  • 410

面向对象类成员详解

  • 2018年01月12日 10:14
  • 67KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:extjs面向对象一
举报原因:
原因补充:

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