`
234390216
  • 浏览: 10238843 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
博客专栏
A5ee55b9-a463-3d09-9c78-0c0cf33198cd
Oracle基础
浏览量：462903
Ad26f909-6440-35a9-b4e9-9aea825bd38e
springMVC介绍
浏览量：1775988
Ce363057-ae4d-3ee1-bb46-e7b51a722a4b
Mybatis简介
浏览量：1398756
Bdeb91ad-cf8a-3fe9-942a-3710073b4000
Spring整合JMS
浏览量：395158
5cbbde67-7cd5-313c-95c2-4185389601e7
Ehcache简介
浏览量：680175
Cc1c0708-ccc2-3d20-ba47-d40e04440682
Cas简介
浏览量：531150
51592fc3-854c-34f4-9eff-cb82d993ab3a
Spring Securi...
浏览量：1185043
23e1c30e-ef8c-3702-aa3c-e83277ffca91
Spring基础知识
浏览量：468833
4af1c81c-eb9d-365f-b759-07685a32156e
Spring Aop介绍
浏览量：151494
2f926891-9e7a-3ce2-a074-3acb2aaf2584
JAXB简介
浏览量：68344
社区版块
存档分类
最新评论

Ext(6)——定义类和类的继承

EXTJavaScriptCSSHTML 
阅读更多

定义一个类 主要有两种方法，方法1是直接在类后面进行类的定义

com.tiantian.test.Person = function() {//定义一个对象
    			this.name = "默认名称";
    			this.age = 0;
    			this.country = "中国";
    		}

 方法2是使用Ext自己定义的define方法进行定义：

Ext.define("com.tiantian.test.Person1",{
    			name: "person1",
    			age: 30
    		});

 

类的继承：

类的继承主要是在定义类的时候指定其extend属性指向其需要继承的类

 

代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>05_inherit.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript" src="../ext4/ext-all-debug.js"></script>
    <script type="text/javascript">
    	Ext.onReady(function() {
    		Ext.namespace("com.tiantian.test");
    		com.tiantian.test.Person = function() {//定义一个对象
    			this.name = "默认名称";
    			this.age = 0;
    			this.country = "中国";
    		}
    		//也可以这样定义一个对象
    		Ext.define("com.tiantian.test.Person1",{
    			name: "person1",
    			age: 30
    		});
    		Ext.define("com.tiantian.test.Student",{
    			extend: "com.tiantian.test.Person",//表示继承自哪个类
    			constructor: function(name, age) {//构造方法
    				this.name = name;
    				this.age = age;
    			},
    			role: "学生",
    			country: "新加坡",
    			getRole: function() {
    				return this.role;
    			}
    		});
    		Ext.define("com.tiantian.test.Teacher",{
    			extend: "com.tiantian.test.Person",
    			country: "马来西亚",
    			role: "老师"
    		});
    		var student = new com.tiantian.test.Student("张三",3);
    		alert("name:"+student.name+" age:"+student.age+" role:"+student.role+student.getRole()+" country:"+student.country);
    		var person1 = new com.tiantian.test.Person1();
    		alert(person1.name);
    		var teacher = new com.tiantian.test.Teacher();
    		teacher.name = "李四";
    		teacher.age = 30;
    		alert("name:"+teacher.name+" age:"+teacher.age+" role:"+teacher.role+" country:"+teacher.country);
    	});
    </script>

  </head>
  
  <body>
    This is my HTML page. <br>
  </body>
</html>
0
顶
0
踩
分享到：
| Ext(5)——namespace、js的公私有方法和属 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Hibernate继承映射的第一种策略：每棵类继承树对应一张表

    本篇将详细介绍Hibernate继承映射的第一种策略——每棵类继承树对应一张表，即单一表继承策略。 ### 单一表继承策略 在单一表继承策略中，所有类层次结构中的实例都存储在同一张数据库表中。这种策略通过在表中...

    Ext扩展控件，可以用图片显示百分之多少

    例如，我们可以创建一个名为`Ux.Grid.ProgressColumn`的新类，它继承自`Ext.grid.Column`，并包含我们刚才讨论的渲染逻辑。 标签中的"ext grid progress"暗示了这个话题与EXT Grid的进度条功能相关，这意味着在实际...

    [深入浅出Ext.JS.徐会生&何启伟&康爱媛)第7——13章.pdf

    - **定义模型**：通过继承`Ext.data.Model`类来定义模型。可以在模型中定义字段、验证规则等。 - **关联关系**：模型可以定义与其他模型的关系，如一对一、一对多等关联关系。 - **数据绑定**：模型可以与用户界面...

    Ext Js权威指南(.zip.001

    4.4.3　所有继承类的基类：ext.base / 151 4.4.4　实现动态加载：ext.loader / 151 4.4.5　管理类的类：ext.classmanager / 159 4.4.6　类创建的总结 / 161 4.5　动态加载的路径设置 / 163 4.6　综合实例：页面...

    Ext表格控件和树控件

    `GridPanel` 类继承自 `Panel` 类，并且它的 `xtype` 为 `grid`。 要创建一个 `GridPanel`，首先需要定义列信息和数据存储器（`Store`）。列信息通过 `Ext.grid.ColumnModel` 定义，而数据存储器则通过 `Ext.data....

    Ext+JS高级程序设计.rar

    第四部分 Ext 扩展和Ext插件 第9章 Ext 扩展 254 9.1 利用Ext.extend实现继承 254 9.2 与Ext扩展相关的预备知识 256 9.2.1 定义命名空间 256 9.2.2 重写构造函数 257 9.2.3 继承组件的一些准备 257 9.2.4 常用的辅助...

    Ext-JS框架中文文档

    - **JavaScript类的定义**: 在ExtJS中，可以通过特定的方法来定义类，这些类可以被继承并扩展。 - **ExtJS命名空间的定义**: 命名空间是ExtJS中组织代码的一种方式，它有助于避免全局变量的污染。 - **配置...

    Ext江湖 完整版

    - **类与对象**：Ext采用面向对象的设计思想，支持类的定义和实例化。 - **继承与多态**：通过继承机制实现代码复用，并支持多态性以提高组件的灵活性。 **6. 特效与动画** - **过渡效果**：为用户界面添加平滑的...

    Ext树例子

    它提供了丰富的UI组件，包括我们今天要讨论的主题——“Ext树例子”。Ext树（Tree）是一种数据结构，它呈现为层次化的节点集合，常用于展示具有层级关系的数据。在本篇文章中，我们将深入探讨Ext树的基本概念、其...

    Ext拖动实例树和表格全

    在Ext JS中，实现拖放功能的核心在于继承并实现特定的类，如`DragSource`和`DropTarget`。 #### 2.1 DragSource - **定义**: `DragSource`类提供了基本的拖动功能。 - **使用**: 通过继承`DragSource`类并重写其...

    ext入门学习文档

    - **命名空间**：使用`Ext.namespace`定义命名空间，例如`Ext.namespace("Ext.cc")`。 - **对象创建**：可以通过传统的JavaScript语法创建对象，然后利用`Ext.apply`方法添加额外的属性和方法。 ```javascript Ext...

    类加载说明.pdf

    本节介绍了一种特殊的类加载器——编译时类加载器。这类加载器能够在加载类之前自动编译源代码。这对于动态语言或需要即时编译的场景非常有用，比如当开发者希望在运行时修改某些行为而不需要重新编译整个项目时。 ...

    精通JS脚本之ExtJS框架.part1.rar

    14.1 利用Ext.extend实现继承 14.2 与ExtJS扩展相关的预备知识 14.2.1 定义命名空间 14.2.2 使用xtype 14.3 用户扩展和插件 14.3.1 编写自定义用户扩展 14.3.2 常用插件UploadDialog 14.3.3 常用插件...

    轻松搞定ExtJS

    - **JavaScript类的定义**：介绍了如何在ExtJS中定义类，以及如何利用类来管理对象的状态和行为。 - **Extjs命名空间的定义**：讲解了如何通过命名空间来组织代码，避免全局变量污染等问题。 - **Extjs OOP**：深入...

    Extjs学习带注释

    - **Extjs OOP**：掌握 Extjs 的面向对象特性，包括类的继承、封装和多态性。 - **配置(options)选项**：配置选项用于定制组件的行为和外观，是使用 Extjs 的关键。 - **Ext.apply() 和 Ext.applyIf()**：这些方法...

    Extjs中文教程2.x

    - **示例**: 使用 `Ext.Fx` 和 `Ext.Element` 类中的动画函数实现动态效果。 #### 五、元素操作与模板 **5.1 元素操作** - **工具**: `Ext.DomHelper` 类提供了创建、操作 DOM 元素的方法。 - **示例**: `Ext....

    精通JS脚本之ExtJS框架.part2.rar

    14.1 利用Ext.extend实现继承 14.2 与ExtJS扩展相关的预备知识 14.2.1 定义命名空间 14.2.2 使用xtype 14.3 用户扩展和插件 14.3.1 编写自定义用户扩展 14.3.2 常用插件UploadDialog 14.3.3 常用插件...

    轻松搞定ExtJS.pdf

    - **JavaScript类定义**: 使用`function`关键字定义类，并通过原型链实现继承。 - **命名空间**: 用于组织和管理代码，避免全局变量污染，如`Ext.define`。 - **配置选项**: - 构造函数接受一个配置对象作为参数。 ...

Magicbox
Global site tag (gtag.js) - Google Analytics