extjs中承袭关系的用法

最新推荐文章于 2018-06-14 15:27:32 发布

iteye_8191

最新推荐文章于 2018-06-14 15:27:32 发布

阅读量117

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/iteye_8191/article/details/82580757

本文详细介绍了 ExtJS 中的继承关系实现方式，包括两种常见的实现方法：使用 function() 构造对象和直接继承父类。通过示例代码展示了如何在子类中调用超类的构造方法，并重写或覆盖父类的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

具体：http://www.verydemo.com/demo_c113_i4692.html

extjs中继承关系的用法
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);  //必须
        //....
    }
}