第7章[7.22] Ext JS类的继承与混合

Ext JS在前端使用了面对对象的概念，可以实现类之间的继承，除此之外，其还提供了类的混合功能（mixins）。

类的继承

对于熟悉面向对象的开发人员来说，继承概念肯定不会陌生。直接看一段示例代码。

            Ext.define('Animal', {eat: function() {alert("需要吃饭...")}});Ext.define('Human', {extend: 'Animal', walk: function() {alert("直立行走...")}});

这里使用Ext.define()定义了两个类：

Animal 类中有一个eat() 方法
Human类使用extend属性继承自Animal类，该类本身定义了一个walk() 的方法。

在实例化Human类的时候， Human类的实例就同时具备eat() 和walk() 方法了。代码类似：

            var human = new Human();human.eat();human.walk();

类的混合

类的混合就是将其他类的能力糅合到某个类中，相当于杂交的效果。以示例代码来看：

第7章[7.22] Ext JS类的继承与混合相关推荐

第2章[2.4] Ext JS的类与类体系
JavaScript: 基于原型的面向对象的开发语言 JavaScript虽然是面向对象的开发语言, 但是其是原型驱动开发的,其本身是没有类的概念的.原型编程使用的是通用的对象, 通过对这个通用对象进 ...
第7章[7.18] Ext JS组件嵌入HTML页面
需求描述规范标准的Ext JS开发基本都是使用基于Ext JS的组件构建页面, 但有的时候需要直接使用HTML进行展示,需求的场景包括但不限于以下状况: 元素显示很简单,不需要使用重型的Ext JS ...
第2章[2.7] Ext JS数据模型与数据封装
数据封装总览页面组件最终需要用来展现数据,对于Ext.form.field.Text 和Ext.form.field.TextArea等表单输入框,使用value属性设置值,:对于Grid和Comb ...
第2章[2.5] Ext JS组件、容器与布局
组件 (Components) 基于Ext JS的应用的UI由组件(Component)组成.这和绝大部分界面开发语言的概念是类似的. Ext JS使用的是面向对象的概念, 有组件类与组件实例的概念, ...
第2章[2.2] Ext JS多类型终端-电脑、移动端（手机、平板）
多种设备通用的框架 Ext JS 很容易做到在多种设备运行.在Ext JS 6之前的版本,Sencha官方针对移动端的开发单独提供了一个框架Touch.从Ext JS 6开始,Sencha将Ext J ...
10.22 Ext JS 快速开发工具
工欲善其事,必先利其器.在实际项目中开发Ext JS应用时,希望开发工具最好是具备以下功能: 代码自动提示,补全代码语法提示 - 对于Ext JS乃至一般的应用程序开发来说, 常用的开发IDE有: ...
第2章[2.8] Ext JS的控制器类型及使用
控制器概念控制器是将整个应用绑定在一起的粘合剂, 控制器的主要作用是监听视图事件并进行相关的处理. 控制器的类型及类结构控制器类的主要结构如下图: Ext.app.BaseController 控 ...
第12章[12.7] Ext JS实现带动态数字的图标
组件效果根据选择的复选框的数量动态设置购物车中的数字. 在线演示: https://osxm.github.io/extjs_dev_ency/#iconwithdigit 实现思路在按钮图标上增 ...
第11章[11.6] Ext JS 自行搭建远端库的包升级版本后找不到的问题解决-The following versions are available
问题: 自行搭建的远端库的某个包版本升级后找不到升级后的包, 错误信息类似: [ERR] Cannot satisfy requirements for "your-package" ...

第7章[7.22] Ext JS类的继承与混合

类的继承

类的混合

第7章[7.22] Ext JS类的继承与混合相关推荐

最新文章

热门文章