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....
分享到:
相关推荐
压缩包中的"EXT]ExtJS2.0.CHM"文件,很可能就是包含上述所有内容的离线帮助文件。CHM(Compiled Help Manual)是一种微软开发的帮助文件格式,便于用户在没有网络连接的情况下查阅。开发者可以在本地直接打开这个CHM...
1. **ExtjsOOP基础**:Ext.js在2.0版本中加强了对面向对象编程的支持,文档中会介绍如何定义JavaScript类,以及如何使用Extjs命名空间和类的继承。这里也会提到Extjs的OOP特性和配置选项的使用方法。 2. **消息框的...
在这个"EXTJS 2.0 UML 模型图"中,我们能看到EXTJS组件体系结构的全面可视化表示,它展示了各种组件之间的继承和关联关系。 在EXTJS 2.0中,组件是构建应用程序的基本单元,它们可以是简单的按钮、表格,也可以是...
ExtJS的布局基类为Ext.layout.ContainerLayout,其它布局都是继承该类。ExtJS的容器组件包含一个layout及layoutConfig配置属性,这两个属性用来指定容器使用的布局及布局的详细配置信息,如果没有指定容器组件的...
组件是EXT的基本构建块,可以是按钮、表格、面板等,它们都继承自EXT的基础组件类。EXT提供了丰富的组件库,允许开发者创建复杂且交互性强的用户界面。布局管理器则负责在容器中安排这些组件,确保它们在不同屏幕...
- ExtJS采用面向对象的设计模式,组件之间通过继承关系组织。 - 新的组件可以从现有组件继承,从而重用代码并添加新功能。 - 例如,一个复杂的数据网格可能从基本的面板组件继承。 #### 6. 开发工具 - **开发...
这涉及到面向对象编程的概念,如继承、覆写方法和属性,以及如何利用ExtJS的类系统来实现模块化和代码复用。 3. **《TutorialTabPanel Basics (Chinese)》** TabPanel是ExtJS中的一个常见组件,用于展示多个视图在...
2. 自定义组件:通过继承和扩展基础组件,创建满足特定需求的新组件。 3. 性能优化:合理使用缓存、避免不必要的重绘,减少DOM操作,提高页面性能。 4. 扩展API:利用ExtJS的插件和扩展机制,增加新的功能或修改现有...
Ext.BLANK_IMAGE_URL = '../../extjs2.0/resources/images/default/s.gif'; new Ext.Panel({ title: '面板头部(header)', tbar: ['顶端工具栏(toptoolbars)'], bbar: ['底端工具栏(bottomtoolbars)'], ...
4. **类继承结构**:显示了类之间的继承关系,有助于理解各个类的功能和相互关联。 5. **事件和方法**:详述了各个事件的触发条件和处理方式,以及方法的使用场景和参数。 6. **最佳实践**:可能包含了一些开发...
以下是一个EXTJS 2.0的简单示例代码,展示了如何创建一个包含日期选择、颜色选择和可选菜单项的菜单: ```javascript Ext.onReady(function() { Ext.QuickTips.init(); // 创建日期选择菜单 var dateMenu = ...
3、演示插件使用和封装插件、面向对象继承等等。4、演示更换皮肤功能。 5、演示json数据封装。6、演示前台和后台数据的传递。7、演示权限管理。8、系统已经后台管理的基本架构,适合二次开发。注意事项:1、开发环境...
### 搭建EXTJS和STRUTS2框架(ext和struts2简单实例) #### 一、概述 本文档将详细介绍如何在Java Web项目中搭建EXTJS和STRUTS2框架,并通过一个简单的实例来展示如何使这两个技术协同工作。EXTJS是一个用于构建交互...
- 创建`LoginAction`类,继承自`ActionSupport`。 ```java package com.isun.action; import com.isun.model.User; import com.opensymphony.xwork2.ActionSupport; public class LoginAction extends ...