`
ttitfly
  • 浏览: 624004 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

Extjs2.0---继承

阅读更多
Extjs2.0里通过Ext.extend方法实现继承

//父类定义
BaseClass = function(){
	//begin
	this.cry = function(){//this.不能丢
		alert("crying....");
	}
	//end
}

BaseClass.prototype.name="";
BaseClass.prototype.say = function(){
	alert("say parent");
}
BaseClass.prototype.talk = function(){
	alert("talk parent");
}
//子类定义
SubClass = function(){
	SubClass.superclass.constructor.call(this);//调用父类构造函数,也就是执行BaseClass里的begin--->end中间的代码。如果这行代码注释掉,则begin---->end中间的代码不会初始化,但是父类用prototype构造的属性和方法任然会初始化
	//js里子类实例化时是不会去自己调用父类的构造函数的
	this.walk = function(){//this.必须要加上,否则SubClass的实例对象没有办法引用到该walk方法
		alert("i'm warking");
	}
}
//继承,第3个参数{},覆盖或者扩展父类方法,该参数也可以不要
Ext.extend(SubClass,BaseClass,{
	say:function(){
		alert("overide say");
	},
	jump:function(){
		alert("jumping");
	}
	
});
var sb = new SubClass();
sb.say();//overide say
sb.walk();//i'm warking
sb.jump();//jumping
sb.talk();//talk parent
sb.cry();//crying....
分享到:
评论
3 楼 yunhaifeiwu 2008-08-01  
Ext.extend(SubClass,BaseClass,{   
    say:function(){   
        alert("overide say");   
    },   
    jump:function(){   
        alert("jumping");   
    }   
       
});   


这句是EXT的继承语句,指示了SubClass继承于BaseClass。
2 楼 ttitfly 2008-06-02  
Ext.extend()函数的第2个参数不是指定了吗?
1 楼 fish26273 2008-06-01  
我没搞懂啊,了类定义部分,没有BaseClass出现,系统怎么知道你继承的是baseClass而不是别的?

相关推荐

    中文ExtJS2.0.CHM

    压缩包中的"EXT]ExtJS2.0.CHM"文件,很可能就是包含上述所有内容的离线帮助文件。CHM(Compiled Help Manual)是一种微软开发的帮助文件格式,便于用户在没有网络连接的情况下查阅。开发者可以在本地直接打开这个CHM...

    Extjs2.0中文文档

    1. **ExtjsOOP基础**:Ext.js在2.0版本中加强了对面向对象编程的支持,文档中会介绍如何定义JavaScript类,以及如何使用Extjs命名空间和类的继承。这里也会提到Extjs的OOP特性和配置选项的使用方法。 2. **消息框的...

    EXTJS 2.0 UML 模型图

    在这个"EXTJS 2.0 UML 模型图"中,我们能看到EXTJS组件体系结构的全面可视化表示,它展示了各种组件之间的继承和关联关系。 在EXTJS 2.0中,组件是构建应用程序的基本单元,它们可以是简单的按钮、表格,也可以是...

    ExtJS 2.0 实用简明教程之布局概述

    ExtJS的布局基类为Ext.layout.ContainerLayout,其它布局都是继承该类。ExtJS的容器组件包含一个layout及layoutConfig配置属性,这两个属性用来指定容器使用的布局及布局的详细配置信息,如果没有指定容器组件的...

    EXT2.0 API文档

    组件是EXT的基本构建块,可以是按钮、表格、面板等,它们都继承自EXT的基础组件类。EXT提供了丰富的组件库,允许开发者创建复杂且交互性强的用户界面。布局管理器则负责在容器中安排这些组件,确保它们在不同屏幕...

    EXTJS学习文档 适合初学者

    **组件体系**在EXTJS 2.0版本中得到了重大的改进,形成了结构清晰的组件系统。所有组件都继承自`Component`类,并拥有一个特定的`xtype`属性,用于标识组件的类型。例如,`xtype`为`'panel'`表示这是一个面板组件。 ...

    extjs简单例子

    这涉及到面向对象编程的概念,如继承、覆写方法和属性,以及如何利用ExtJS的类系统来实现模块化和代码复用。 3. **《TutorialTabPanel Basics (Chinese)》** TabPanel是ExtJS中的一个常见组件,用于展示多个视图在...

    extjs2.0.2包

    2. 自定义组件:通过继承和扩展基础组件,创建满足特定需求的新组件。 3. 性能优化:合理使用缓存、避免不必要的重绘,减少DOM操作,提高页面性能。 4. 扩展API:利用ExtJS的插件和扩展机制,增加新的功能或修改现有...

    Extjs面板和布局

    Ext.BLANK_IMAGE_URL = '../../extjs2.0/resources/images/default/s.gif'; new Ext.Panel({ title: '面板头部(header)', tbar: ['顶端工具栏(toptoolbars)'], bbar: ['底端工具栏(bottomtoolbars)'], ...

    extjs3.x 官方示例以及chm版api

    4. **类继承结构**:显示了类之间的继承关系,有助于理解各个类的功能和相互关联。 5. **事件和方法**:详述了各个事件的触发条件和处理方式,以及方法的使用场景和参数。 6. **最佳实践**:可能包含了一些开发...

    extjs菜单的开发

    以下是一个EXTJS 2.0的简单示例代码,展示了如何创建一个包含日期选择、颜色选择和可选菜单项的菜单: ```javascript Ext.onReady(function() { Ext.QuickTips.init(); // 创建日期选择菜单 var dateMenu = ...

    Extjs精华版图书管理系统源码_商业源码_sqlserver_ExtJS6._extjs_V2_

    3、演示插件使用和封装插件、面向对象继承等等。4、演示更换皮肤功能。 5、演示json数据封装。6、演示前台和后台数据的传递。7、演示权限管理。8、系统已经后台管理的基本架构,适合二次开发。注意事项:1、开发环境...

    搭建EXTJS和STRUTS2框架(ext和struts2简单实例)

    ### 搭建EXTJS和STRUTS2框架(ext和struts2简单实例) #### 一、概述 本文档将详细介绍如何在Java Web项目中搭建EXTJS和STRUTS2框架,并通过一个简单的实例来展示如何使这两个技术协同工作。EXTJS是一个用于构建交互...

    stuts2和extjs结合实例

    - 创建`LoginAction`类,继承自`ActionSupport`。 ```java package com.isun.action; import com.isun.model.User; import com.opensymphony.xwork2.ActionSupport; public class LoginAction extends ...

Global site tag (gtag.js) - Google Analytics