`

extjs继承,先调用父类方法

    博客分类:
  • ext
 
阅读更多

Ext.define('Xap.core.ui.extjs.element.grid.Grid', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.xapGrid',
 //给该grid赋新值
 setData:function(data){
     var store = this.getStore();
  store.loadData(data);
    },
 
 });

 

 

Ext.define('Xap.core.ui.extjs.element.grid.FilterGrid', {
    extend: 'Xap.core.ui.extjs.element.grid.Grid',
    alias: 'widget.filterGrid',
 
 
 //该grid的data
 gridData : [],


 setData:function(data){
  this.callParent(arguments);

//this.callParent([data]);
  this.gridData=data;
    },
 

这里最重要的方法就是callParent,通过它可以执行父类的setData方法,注意其传的argument参数是所有js函数都存在的一个变量,其中保存了当前函数的所有参数
});

分享到:
评论

相关推荐

    无废话ExtJs 系列教程十八[继承:Extend]

    2. **覆盖和扩展方法**:谨慎覆盖父类的方法,若需扩展,考虑使用`callParent`或`applyParent`来调用父类方法。 3. **配置对象**:在创建实例时,可以使用配置对象传递参数,这些参数会被自动应用到类的构造函数中。...

    Javascript类的继承,使用this.callParent调用超类方法

    在某些框架或库(如ExtJS)中,`this.callParent`方法被引入,用于在子类中调用父类方法。虽然原生JavaScript不支持这个方法,但我们可以模拟实现它: ```javascript Student.prototype.sayHello = function() { ...

    EXtJS学习 EXtJS学习

    这可以通过在父类的构造函数中初始化数组,或者在子类的 `init` 方法中调用父类的 `init` 方法来完成: ```javascript var BaseClass = Ext.extend(Ext.util.Observable, { arr: null, init: function() { this....

    ext面向对象和继承

    // 调用父类方法 // 其他初始化操作 } }); // 创建实例 var myButton = new MyButton({ text: '我的按钮' }); ``` **多态和动态类型** 在JavaScript中,由于其动态类型的特性,多态很容易实现。同一个方法在...

    Extjs中使用extend(js继承) 的代码

    使用`Ext.extend`不仅能够让子类继承基类的所有属性和方法,还可以在子类中添加新的属性和方法,或者对继承来的父类方法进行覆盖。这样,子类就能够具有父类的功能,同时具备一些特定的扩展或修改。 需要注意的是,...

    EXT学习笔记-项目应用实践

    11. **子类构造函数调用父类构造函数**:在子类构造函数中,使用`superclass.constructor.call(this, ...)`来调用父类的构造函数,确保父类的初始化逻辑被正确执行。 12. **子类重写父类方法**:通过在子类中重新...

    extjs4 实现下拉树并支持复选

    - `initComponent`:初始化组件,调用父类方法并添加事件监听器。 - `createPicker`:创建下拉树的面板(tree.Panel)。这个面板包含了树的数据源(store)、宽度、高度、显示字段等配置,并且监听了节点点击事件...

    ExtJS4下拉树组件

    在`initComponent`方法中,`Redm.commons.TreeCombox`实例调用父类的构造函数进行初始化,并且注册了`'select'`事件。此外,还监听了数据存储的`'load'`事件,当数据加载完成时触发`onLoad`方法。 **3.3 创建下拉...

    Extjs 重写Panel添加click事件

    // 调用父类的initComponent方法,初始化基本配置 // 添加click事件监听器 this.on('render', function () { this.el.on('click', function (event) { // event对象包含了关于点击事件的所有信息,如目标元素...

    EXT dojochina Ext类继承.rar

    1. **Ext.extend()**:这是EXTJS中最基础的类继承方法。通过调用`Ext.extend(baseClass, subClass, overrides)`,可以创建一个新的子类,其中`baseClass`是父类,`subClass`是新创建的子类名称,`overrides`是一个...

    Extjs核心api详解

    - **`destroy`**:尝试销毁传入的对象,包括DOM元素和事件监听器,并调用它们的`destroy`方法(如果存在)。 - 示例: ```javascript var el = document.createElement('div'); Ext.destroy(el); ``` - **`...

    ExtJs 类的设计

    // 调用父类的initComponent // 自定义初始化逻辑 }; ``` 6. **事件处理** ExtJs类支持事件监听和触发。开发者可以使用`on`或`addListener`来注册事件监听器,`fireEvent`来触发事件。 ```javascript myPanel....

    Extjs 继承Ext.data.Store不起作用原因分析及解决

    在EXTJS中,`Ext.extend()`函数是用来实现类的继承,通过这个方法,我们可以创建一个新的类,这个新类会继承自父类的所有属性和方法。然而,`Ext.data.Store`并不像EXTJS的其他组件(如`Ext.Component`)那样具有...

    Ext继承分析

    它允许你创建新的类(子类),这些类将继承另一个类(父类)的属性和方法。这个功能对于构建复杂的JavaScript应用程序至关重要,因为它提供了面向对象编程的关键特性。 首先,我们来详细解释`Ext.extend()`的用法。...

    ExtJS 3.2的中文参考手册

    - **覆盖方法**: 子类可以覆盖父类的方法,实现更具体的功能。 #### 19. **EXT2概述** - **组件模型 (Component Model)**: 描述了组件的结构和行为,是ExtJS的核心部分。 - **容器模型 (Container Model)**: 容器...

    ExtJS4中使用mixins实现多继承示例

    创建`user`类的实例`ss`后,我们可以通过`ss.caneat()`和`ss.canSay()`调用`eat`和`say`类的方法,实现了多继承的效果: ```javascript var ss = Ext.create("user", {}); ss.caneat(); // 显示 "eating" 的警告 ss...

    Extjs的API阅读方式.pdf

    方法是指可以调用以执行特定任务的函数。事件是指组件或类内部可以触发的信号,用于响应特定的操作或状态变化。 对于初学者而言,建议从阅读和理解ExtJs的简单组件开始,如面板(panel)、按钮(button)等。逐步...

    Extjs学习笔记之八 继承和事件基础

    在深入探讨ExtJS的继承和事件基础之前,让我们先了解一些基本概念。JavaScript是一种基于原型的面向对象语言,这意味着对象可以直接从其他对象继承属性和方法。`Ext.extend`是ExtJS提供的一种继承机制,用于创建类的...

Global site tag (gtag.js) - Google Analytics