`

extjs学习三类的创建

    博客分类:
  • EXT
阅读更多

ext里面面向对象的设计:

//Ext.namespace("org.forever.util");
Ext.ns("org.forever.util");
//创建一个类A,继承Object类
//Ext上面说extend被废弃,请使用define方法
Ext.define('org.forever.util.A', {
    extend: 'Object',
    userName: '默认值',//属性
    constructor: function(config){//构造函数
        Ext.apply(this, config);
    },
    printInfo: function(){
        alert("42" + this.userName);//如果在创建对象的时候有userName属性则有值
    }
});
//类静态方法
org.forever.util.A.sum = function(a, b){//也可以使静态方法
    return a + b;
}
var a = new org.forever.util.A({
    userName: '陈均',
    add: function(){
        alert('动态添加方法')
    }
});
//alert(a.userName);
//a.printInfo();
//a.add();
//alert(org.forever.util.A.sum(3,4));
//创建一个类B继承类A
Ext.define('org.forever.util.B', {
    extend: 'org.forever.util.A',
    show: function(){
        alert("b.show=" + this.userName);
    }
});
var b = new org.forever.util.B({
    userName: 'aaaa'
});
//b.printInfo();
//b.show();

//创建一个类C继承类B
Ext.define('org.forever.util.C', {
    extend: 'org.forever.util.B',
    show: function(){
        org.forever.util.C.superclass.show.call(this);//调用父类show方法
        alert("c.show=" + this.userName);
    }
});
var c = new org.forever.util.C();
c.show();
 
分享到:
评论

相关推荐

    EXTJS学习文档 适合初学者

    ### EXTJS学习文档知识点解析 #### 一、EXTJS简介与环境配置 **EXTJS**是一种基于JavaScript的开源框架,用于构建复杂的Web应用程序。它提供了一系列丰富的用户界面组件,简化了网页开发过程,使得开发者能够快速...

    extjs中三个基础包

    这个文件是EXTJS 的基础脚本,包含了EXTJS 运行所必需的类和方法。`ext-base.js` 主要负责初始化EXTJS 环境,提供了一些基本的DOM 操作、事件处理和浏览器兼容性修复。它是EXTJS 的基石,其他所有组件和功能都依赖...

    Extjs4 学习指南

    首先,要开始学习ExtJS 4,你需要从官方站点或第三方资源下载所需的发布包。在本例中,你可以访问`http://extjs.org.cn/`获取ExtJS 4.0.7的版本。下载完成后,将解压的文件放入MyEclipse的Web项目中,通常是Webroot...

    extjs 3.2三大框架小类字

    在本教程中,我们将深入探讨如何将ExtJS 3.2与SSH框架结合使用,创建一个功能完善的Web应用程序。 首先,了解ExtJS 3.2的关键特性是非常重要的。这个版本包含了许多UI组件,如表格、面板、表单、树形视图等,这些...

    ExtJS4.0学习资料

    这个“ExtJS4.0学习资料”压缩包显然包含了丰富的资源,帮助开发者深入理解和掌握这一版本的核心功能。 首先,ExtJS 4.0引入了全新的MVC(Model-View-Controller)架构,这是软件设计模式的一种,旨在提高代码的可...

    ExtJS4中文教程2 开发笔记 chm

    ExtJS4学习笔记(三)---VBox的使用 ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid) ExtJS4学习笔记(二)---HBox的使用 ExtJS4学习笔记(五)---Grid分页 ExtJS4学习笔记(八)---Grid多选 全选 ExtJS4学习笔记(六)--...

    EXTJS 3.04包/中文版API/入门学习资料

    中文版API文档对于EXTJS的学习至关重要,它详细解释了每一个类、方法、属性和事件,帮助开发者理解和使用EXTJS的各种功能。例如,了解GridPanel如何配置,如何使用FormPanel提交数据等。 六、EXTJS 3.04入门学习...

    extjs 学习资料

    其次,《ExtJs学习实例.pdf》可能包含了大量的实战案例,帮助读者将理论知识转化为实际操作能力。这些实例可能涵盖了EXTJS的多种功能,如Ajax通信、数据网格、图表展示等。EXTJS与AJAX技术紧密结合,使得页面能够...

    ExtJs中引用的三个js

    博客中的“extjs笔记(1)”可能是作者分享的学习心得,对于理解这三个js如何协同工作会有很大帮助。 在实际开发中,理解和熟练运用这些核心文件,将有助于构建高效、可维护的ExtJS应用。同时,持续学习和实践是...

    extjs的学习资料

    ExtJS 的学习资料涵盖了从基础到高级的各种主题,帮助初学者和有经验的开发者深入理解和掌握这个框架。 在学习ExtJS时,首先需要了解其核心概念,包括组件系统、布局管理、数据绑定和事件处理。组件是ExtJS的基础,...

    Extjs参考文档

    总的来说,这个压缩包提供了一个完整的EXTJS学习资源库,涵盖了从基础知识到高级应用的各个方面,无论你是新手还是资深开发者,都能从中受益匪浅。通过系统地学习和实践这些文档,你将能够熟练掌握EXTJS,创建出功能...

    ExtJs学习资料 入门好材料

    本文将深入讲解ExtJS的学习,尤其是对初学者而言极其重要的基础知识。 在学习ExtJS时,入门资料是非常关键的,因为它可以帮助我们快速理解框架的基本概念和用法。在提供的部分内容中,我们可以看到一系列关于Ext....

    ExtJS6学习资料

    解决这类问题通常会消耗大量的时间和精力,而使用 ExtJS 可以极大地减轻这一负担。 - **具体实现**:ExtJS 内置了一套强大的机制来处理不同浏览器间的差异,这意味着开发者可以专注于业务逻辑的编写,而不是陷入到...

    ExtJS4学习指南

    ### ExtJS4 学习指南知识点详述 #### 一、ExtJS4简介与环境搭建 **1. 获取ExtJS4** - **途径:** 可以通过官方网站 [http://extjs.org.cn/](http://extjs.org.cn/) 获取最新的ExtJS4版本及相关资源。 **2. 搭建...

    ExtJS 7.4 SDK trial

    10. **社区支持**: ExtJS拥有活跃的开发者社区,提供论坛、问答平台和第三方插件,帮助开发者解决问题和扩展功能。 总的来说,"ExtJS 7.4 SDK trial"为开发者提供了一个全面的工具包,以便于他们利用JavaScript和...

    extjs4中文视频下载地址

    - **Ext 类**:Ext 是 ExtJS 的核心类,提供了一系列静态方法,用于简化常见的开发任务,如创建组件、处理事件等。 #### 十、ExtJS 4.0 的 util 包 - **Util 包**:包含了各种实用工具类,用于辅助开发过程中的...

    Extjs4 权威指南(中)

    本指南涵盖了从获取Extjs4到搭建学习环境、创建首个应用以及掌握关键API和布局管理的基础知识。通过实践这些示例代码,相信读者能够更快地理解和掌握Extjs4的核心概念和技术要点。同时,鼓励读者参考官方文档进行...

    Extjs4学习指南

    ### Extjs4学习指南 #### 1. Extjs初步 ##### 1.1 获取Extjs - **下载Extjs**:可以通过官方网站http://extjs.org.cn/获取Extjs的发布包和其他支持资源。 ##### 1.2 搭建学习环境 - **环境准备**:确保已安装...

Global site tag (gtag.js) - Google Analytics