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); //必须
//....
}
}
分享到:
相关推荐
Extjs+Gride使用方法 Extjs Gride
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
extjs资料extjs资料extjs资料extjs资料extjs资料
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
extjs简单例子,适合初学者
教程包括ExtJS 的新手入门、组件体系结构及使用、ExtJS 中各控件的使用方法及示例应用等,是一个非常适合新手的ExtJS 入门教程。本教程主要是针对ExtJS2.0 进行介绍,全部代码、截图等都是基于ExtJS2.0。
ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...
Spring+Struts+hibernate+Extjs的客户关系管理系统源代码
extjs电子书,extjs电子书,extjs电子书,extjs电子书
xtJs已经升级到了5.0了,目前可能多数应用还在使用ExtJs 3.系列。 从开发大型的web后台或者企业管理系统来看,ExtJs3的缺陷还是比较明显的,从ExtJs4 开始引入了MVC架构,从而能够从容的组织系统的JS文件了。 从...
EXTJS实例 EXTJS树,可以编辑的EXTJS,EXTJS3.0
适合ExtJs开发人员extjs技术上手以及深入
一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa
extJs3升级extjs4方案, extJs3升级extjs4需要修改大量代码
extjsapi,extjs文档,api手岫
ExtJs部署,开发及使用过程详细,TXT格式看一遍就上手。
本文适合有一定javascript基础(明确js的面向对象,继承,作用域等)并能熟练使用extjs框架(明确各组件间的继承关系)的人阅读,目的在于对extjs的前台架构进行性能上的优化,核心思想为:“按需索取,晚使用,晚加载...
里面包含Extjs 2.2和Extjs 3.2.1版本两个文件
JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS 希望对大家有帮助。
EXTJS, 图形EXTJS, 图形EXTJS, 图形EXTJS, 图形EXTJS, 图形EXTJS, 图形