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函数都存在的一个变量,其中保存了当前函数的所有参数
});
相关推荐
2. **覆盖和扩展方法**:谨慎覆盖父类的方法,若需扩展,考虑使用`callParent`或`applyParent`来调用父类方法。 3. **配置对象**:在创建实例时,可以使用配置对象传递参数,这些参数会被自动应用到类的构造函数中。...
在某些框架或库(如ExtJS)中,`this.callParent`方法被引入,用于在子类中调用父类方法。虽然原生JavaScript不支持这个方法,但我们可以模拟实现它: ```javascript Student.prototype.sayHello = function() { ...
这可以通过在父类的构造函数中初始化数组,或者在子类的 `init` 方法中调用父类的 `init` 方法来完成: ```javascript var BaseClass = Ext.extend(Ext.util.Observable, { arr: null, init: function() { this....
// 调用父类方法 // 其他初始化操作 } }); // 创建实例 var myButton = new MyButton({ text: '我的按钮' }); ``` **多态和动态类型** 在JavaScript中,由于其动态类型的特性,多态很容易实现。同一个方法在...
使用`Ext.extend`不仅能够让子类继承基类的所有属性和方法,还可以在子类中添加新的属性和方法,或者对继承来的父类方法进行覆盖。这样,子类就能够具有父类的功能,同时具备一些特定的扩展或修改。 需要注意的是,...
11. **子类构造函数调用父类构造函数**:在子类构造函数中,使用`superclass.constructor.call(this, ...)`来调用父类的构造函数,确保父类的初始化逻辑被正确执行。 12. **子类重写父类方法**:通过在子类中重新...
- `initComponent`:初始化组件,调用父类方法并添加事件监听器。 - `createPicker`:创建下拉树的面板(tree.Panel)。这个面板包含了树的数据源(store)、宽度、高度、显示字段等配置,并且监听了节点点击事件...
在`initComponent`方法中,`Redm.commons.TreeCombox`实例调用父类的构造函数进行初始化,并且注册了`'select'`事件。此外,还监听了数据存储的`'load'`事件,当数据加载完成时触发`onLoad`方法。 **3.3 创建下拉...
// 调用父类的initComponent方法,初始化基本配置 // 添加click事件监听器 this.on('render', function () { this.el.on('click', function (event) { // event对象包含了关于点击事件的所有信息,如目标元素...
1. **Ext.extend()**:这是EXTJS中最基础的类继承方法。通过调用`Ext.extend(baseClass, subClass, overrides)`,可以创建一个新的子类,其中`baseClass`是父类,`subClass`是新创建的子类名称,`overrides`是一个...
- **`destroy`**:尝试销毁传入的对象,包括DOM元素和事件监听器,并调用它们的`destroy`方法(如果存在)。 - 示例: ```javascript var el = document.createElement('div'); Ext.destroy(el); ``` - **`...
// 调用父类的initComponent // 自定义初始化逻辑 }; ``` 6. **事件处理** ExtJs类支持事件监听和触发。开发者可以使用`on`或`addListener`来注册事件监听器,`fireEvent`来触发事件。 ```javascript myPanel....
在EXTJS中,`Ext.extend()`函数是用来实现类的继承,通过这个方法,我们可以创建一个新的类,这个新类会继承自父类的所有属性和方法。然而,`Ext.data.Store`并不像EXTJS的其他组件(如`Ext.Component`)那样具有...
它允许你创建新的类(子类),这些类将继承另一个类(父类)的属性和方法。这个功能对于构建复杂的JavaScript应用程序至关重要,因为它提供了面向对象编程的关键特性。 首先,我们来详细解释`Ext.extend()`的用法。...
- **覆盖方法**: 子类可以覆盖父类的方法,实现更具体的功能。 #### 19. **EXT2概述** - **组件模型 (Component Model)**: 描述了组件的结构和行为,是ExtJS的核心部分。 - **容器模型 (Container Model)**: 容器...
创建`user`类的实例`ss`后,我们可以通过`ss.caneat()`和`ss.canSay()`调用`eat`和`say`类的方法,实现了多继承的效果: ```javascript var ss = Ext.create("user", {}); ss.caneat(); // 显示 "eating" 的警告 ss...
方法是指可以调用以执行特定任务的函数。事件是指组件或类内部可以触发的信号,用于响应特定的操作或状态变化。 对于初学者而言,建议从阅读和理解ExtJs的简单组件开始,如面板(panel)、按钮(button)等。逐步...
在深入探讨ExtJS的继承和事件基础之前,让我们先了解一些基本概念。JavaScript是一种基于原型的面向对象语言,这意味着对象可以直接从其他对象继承属性和方法。`Ext.extend`是ExtJS提供的一种继承机制,用于创建类的...