`
ll_feng
  • 浏览: 389428 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

extjs中继承关系的用法

    博客分类:
  • ajax
EXT 
阅读更多
ExtJs的继承关系实现方式用三种。边学边记,先说一种实现方式吧

Ext.extend(subclass, superclass, [overrides])
这是一种最常见的实现方式。举例如下:
//1、第一步,通过function()构造对象
var SubClass = function() {
   SubClass.superclass.constructor.call(this);    //必须
};

//2、第二步,建立新对象与父类的继承关系
Ext.extend(SubClass, SupClass, {
   newMethod : function() {},
   overriddenMethod : function() {}
};

这里的要领是先要在子类中定义调用超类的构造方法,即:SubClass.superclass.constructor.call(this);

其次,通过Ext.extend()方法实现子类对父类的继承。
//1、第一步,声明一个对象并直接继承父类
com.ibeans.MainPanel = Ext.extend(Ext.Panel, {
    id : 'ReportPanel',
    region:'center',
    //....
    //2、重写父类函数initComonent()
    initComponent : function() {    //必须,
		
		this.store = ds2;
		this.cm = colModel2;
		this.cm.defaultSortable = true;
		com.ibeans.MainPanel.superclass.initComponent.call(this);  //必须
        //....
    }
}
分享到:
评论

相关推荐

    Extjs4.1 小例子(适合extjs初学者学习使用)

    5. **API使用**:熟悉ExtJS 4.1提供的各种类库,如Grid、Panel、Window、Form等,以及它们的方法和属性。 6. **主题和皮肤**:了解如何自定义ExtJS的外观,包括使用SASS和Compass工具来修改主题。 7. **MVC模式**...

    extjs简单例子

    这个教程可能解释了作用域的概念,以及如何在ExtJS中正确管理和使用作用域,确保变量和函数在正确的位置被访问和调用。 5. **《TutorialPlaying With Ext The Easy Way (Chinese)》** 这个教程可能是一系列实践性...

    extJs3升级extjs4方案

    在 ExtJS3 中,我们可以使用 Ext.extend 来定义类,而在 ExtJS4 中,我们需要使用 Ext.define 来定义类。例如,在 ExtJS3 中,我们可以使用以下代码来定义一个类: ```javascript Ext.ux.PostStore = Ext.extend...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的组件和工具,使得开发者可以创建出功能强大、用户界面友好的Web应用。在“extjs流程界面设计器参考”中,我们主要关注的是...

    ExtJS2.0简明教程

    教程包括ExtJS 的新手入门、组件体系结构及使用、ExtJS 中各控件的使用方法及示例应用等,是一个非常适合新手的ExtJS 入门教程。本教程主要是针对ExtJS2.0 进行介绍,全部代码、截图等都是基于ExtJS2.0。

    轻松搞定Extjs 带目录

    ### 知识点概述 #### 1. Extjs概念与目录结构 Extjs是一个基于JavaScript的框架,用于构建交互式的web应用。...通过学习本书,读者能够全面掌握Extjs的各种特性,进而使用Extjs开发出功能强大、交互良好的Web应用。

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...

    包含各种类型的extjs小图标,Extjs4小图标

    3. **使用方法**: - 在ExtJS应用中,可以使用`Icon`配置项在按钮、菜单项或其他组件上添加图标。例如,`{iconCls: 'add'}`将添加一个指定类名的图标,类名对应于CSS中的背景图像,通常存储在CSS文件中。 4. **...

    Extjs 2.2 Extjs 3.21 js

    ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端Web应用程序。这个压缩包包含了ExtJS的两个重要版本:2.2和3.2.1。这两个版本在Web开发领域都有着广泛的运用,它们各自拥有不同的特性和改进,对于理解...

    ExtJs2相关书籍

    《Ext实用简明教程》可能是对ExtJS2的基础知识和常见用法的全面介绍,涵盖了如何使用ExtJS构建用户界面、处理数据、创建组件等内容。读者可以从中学习到如何快速上手ExtJS2,理解其核心概念和API,以及如何将这些...

    extjs的tree的使用

    在深入探讨ExtJS中Tree组件的使用之前,我们先来了解一下ExtJS本身。ExtJS是一个用JavaScript编写的开源前端框架,旨在帮助开发者构建复杂、高性能的Web应用程序。它提供了丰富的UI组件库,其中包括Tree(树形)组件...

    Extjs4使用要点个人整理

    2. **按钮(Button)的用法**:`EXTjs button用法.doc`将详细介绍如何创建和使用ExtJS 4的按钮组件,包括设置按钮文本、图标、事件监听器以及使用不同类型的按钮,如工具栏按钮、菜单按钮等。 3. **表单(Form)...

    extjs技术文档资料

    这些文档对于开发者来说是十分宝贵的,可以帮助他们更好地理解和掌握EXTJS的使用方法,提高开发效率。 描述中的“EXTJS技术文档资料”再次强调了主题,暗示这份压缩包可能包含了EXTJS的官方文档、教程、案例分析等...

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    ExtJS是一个广泛使用的JavaScript库,专门用于构建富客户端应用程序。版本3.3是该库的一个稳定版本,提供了许多功能和组件,使得Web开发者能够创建功能丰富的、交互性强的用户界面。这个“ExtJS3.3中文API.CHM”文档...

    ExtJS 7.6 SDK trial

    ExtJS 是一个流行的JavaScript框架,用于构建富客户端的Web应用程序。它提供了丰富的用户界面组件、数据绑定机制和强大的API,使开发者能够创建功能强大的、响应式的桌面和移动应用。7.6版本是ExtJS的一个重要更新,...

    ExtJs学习笔记 ExtJs Api

    适合ExtJs开发人员extjs技术上手以及深入

    Extjs4 grid使用例子

    在给定的"Extjs4 grid使用例子"中,我们可以深入理解如何在MVC架构下有效地利用ExtJS4的Grid组件。Grid组件是ExtJS中的核心部分,它提供了一个灵活的、可定制的数据展示网格,通常用于显示和操作大量数据。 1. **...

    ExtJS 界面设计器

    对于新用户,可能需要花时间了解每个组件的功能和使用方法,以及如何通过设计器进行有效的布局和样式设置。 8. **兼容性和性能**:由于ExtJS是基于浏览器运行的,所以需要考虑兼容性问题,确保设计的界面能在不同...

    extjs4学习文档

    如果需要根据特定选择器获取一组元素,可以使用EXTJS提供的选择器功能,例如获取所有class为'myClass'的元素。 EXTJS4的学习文档还包括更多关于组件、布局、数据绑定、事件处理等方面的详细内容,这些都是构建EXTJS...

Global site tag (gtag.js) - Google Analytics