读书人

extjs中承袭关系的用法

发布时间: 2012-11-16 14:12:15 作者: rapoo

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);  //必须        //....    }}

读书人网 >JavaScript

热点推荐