`

ExtJs继承

阅读更多
Javascript原始的继承写法:
Javascript代码 复制代码
// Traditional constructor:
Ext.Foo = function(config){
	// call superclass constructor:
    Ext.Foo.superclass.constructor.call(this, config);

    this.addEvents({
		// add events
    });
};
Ext.extend(Ext.Foo, Ext.Bar, {
   // class body
}


Extjs中替换constructor,写法如下:
Javascript代码 复制代码
// initComponent replaces the constructor:  
Ext.Foo = Ext.extend(Ext.Bar, {   
 initComponent : function(){   
 // call superclass initComponent   
  Ext.Container.superclass.initComponent.call(this);  
 this.addEvents({   
// add events   
  });   
  }   
}  

1. Ext.extend adds the superclass property to the prototype of subclass (=the prototype of class you are extending from).
2. Ext.extend also adds a constructor property to the prototype of the subclass (=the class itself). It also adds a contructor to the prototype of the superclass if it is an Object.
3. With method.call(obj) you can execute a method in a specified scope (this=obj).
分享到:
评论

相关推荐

    Extjs继承结构图.png

    Extjs 组件继承结构图,亲手整理,可用于Extjs学习时快速理清组件之间的关系

    Extjs 继承Ext.data.Store不起作用原因分析及解决

    关于这个原因有很多种,我只说下我遇到的 我这样 写Store来复用的 代码如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url});...

    extjs和struts的技术结合

    1. **ExtJS继承函数**:ExtJS的类系统基于面向对象的继承机制,允许开发者创建复杂的组件和自定义控件。通过理解类的继承和扩展,可以定制自己的UI元素。 2. **高级自定义验证**:ExtJS提供了强大的表单验证功能,...

    extjs组建继承结构图

    extjs组建继承结构图 让你了解extjs的整个架构!

    无废话ExtJs 系列教程十八[继承:Extend]

    在"无废话ExtJS系列教程十八[继承:Extend]"中,我们主要关注的是ExtJS中的类继承机制,这是一个核心特性,它允许开发者创建可复用和可扩展的组件结构。在JavaScript中,继承是通过原型链实现的,而在ExtJS中,它被...

    轻松搞定Extjs 带目录

    - **类的定义**: Extjs中的类继承于JavaScript原生类,通过Ext.extend来定义。这是Extjs实现面向对象编程的基础。 - **命名空间**: 命名空间在Extjs中用于组织和管理代码,避免变量和函数名的冲突。 #### 3. Extjs ...

    ExtJS viewModel继承

    ExtJS6 viewModel继承 viewModel各级控件继承演示,动态改变viewModel 详见文章解释 https://blog.csdn.net/ZYD45/article/details/87867454

    Extjs源码之--Ext事件机制/继承关系

    在“Extjs源码之--Ext事件机制/继承关系”中,我们将深入探讨EXTJS如何处理事件以及其类层次结构。EXTJS的事件处理主要由EventManager.js这个文件负责,它是EXTJS事件系统的基础。 首先,EXTJS的事件机制基于观察者...

    ExtJS 3.4 源码包

    - **JS类系统**:ExtJS使用面向对象的类系统,类与类之间可以通过继承实现代码重用和扩展。 - **事件系统**:事件驱动是ExtJS的核心机制,允许组件间通信和响应用户操作。 - **Ajax通信**:Ext.Ajax模块负责异步...

    ExtJS4中文教程2 开发笔记 chm

    ExtJS 4 DirectStore post参数的变化以及应对方法 ExtJS 4 实例之数据包 ExtJS 4中动态加载的路径设置 Extjs4 API文档阅读(一)——类系统(Class System) Extjs4 API文档阅读(三)——布局和容器 Extjs4 API文档阅读...

    ExtJs4.0官方版本

    开发者可以通过继承和混入(mixin)机制来创建自定义组件,实现代码重用,降低开发复杂度。 7. 图表组件 ExtJS 4.0包含了强大的图表组件,支持多种图表类型,如线图、柱状图、饼图等,便于数据可视化。 8. 功能...

    Extjs 性能优化 High Performance ExtJs

    本文旨在针对具有一定 JavaScript 基础(理解面向对象、继承、作用域等概念)并且熟悉 Extjs 框架(了解组件间继承关系)的开发者,提供一些关于如何对 Extjs 的前台架构进行性能优化的方法。 #### 二、缓存 缓存...

    中文ExtJS2.0.CHM

    在ExtJS中,类图可以用于描绘组件之间的继承关系,帮助开发者理解各个组件类的功能和它们如何协同工作。例如,Ext.Window是如何从Ext.Component继承,并添加了特有的窗口特性如可拖动、可弹出等。通过类图分析,...

    php+ExtJS 开发实战

    - **类与继承**: 在ExtJS中,可以通过定义类来创建组件,并通过继承机制来扩展现有组件的功能。 - **封装**: 封装是指隐藏对象的具体实现细节,仅暴露必要的接口给外部调用,从而增强代码的安全性和灵活性。 - **...

    EXTJS入门教程(非常详细)

    在EXTJS中,几乎所有的组件都继承自Ext.Container,这意味着每个组件都可以拥有事件监听器。比如,按钮组件中可以添加点击事件监听器,当用户点击按钮时,可以触发相应的方法执行。 接下来,我们来看看EXTJS入门...

    extjs 源码

    在源码中,你可以看到EXTJS的组件类体系,它采用了面向对象的编程思想,通过继承和混合(Mixins)机制实现组件的功能复用。例如,Panel组件可以看作是Container(容器)和Component(基本组件)的组合,具备了容器的...

    ExtJS中文手册.pdf

    - **继承机制**:ExtJS支持面向对象编程中的继承特性,可以扩展现有的组件类。 - **继承示例**:文档中给出了一些具体的继承示例,帮助理解继承的用法。 #### 22. 补充资料 - **Ext2概述**:介绍了ExtJS 2版本的...

    EXT 中文手册 搭配ExtJs2.2实例更快将ExtJs入手

    这可能包括如何使用JavaScript对象、函数、数组等基本概念,以及如何利用JavaScript的原型继承机制来扩展ExtJs的组件。此外,手册也可能涉及Ajax通信、DOM操作等JavaScript高级特性,这些都是ExtJs开发中不可或缺的...

Global site tag (gtag.js) - Google Analytics