Ext.
extend方法是用来实现类的继承。
extend(Object subclass,Object superclass,[Object overrides] : Object
第一个参数:子类
第二个参数:父类
第三个参数:要覆盖的属性。
这里需要强调一下,子类继承下来的是父类中通过superclass.prototype方式定义的属性(包括用此方法定义的函数)。
例子如下:
- <script type="text/javascript">
-
function S(){
- }
-
S.prototype.s = "s";
-
S.prototype.s1 = "s1";
-
function C(){
-
this.c = "c";
-
this.c1 = "c1";
- }
-
Ext.extend(C,S,{s1:"by c overload"});
-
var c = new C();
-
alert(c.s);
-
alert(c.s1);
- </script>
<script type="text/javascript">
function S(){
}
S.prototype.s = "s";
S.prototype.s1 = "s1";
function C(){
this.c = "c";
this.c1 = "c1";
}
Ext.extend(C,S,{s1:"by c overload"});
var c = new C();
alert(c.s); //s
alert(c.s1); //by c overload
</script>
如果按下面这个方式写就会提示c.s没有定义(undefind):
- <script type="text/javascript">
-
function S(){
-
this.s = "s";
-
this.s1 = "s1";
- }
-
function C(){
-
this.c = "c";
-
this.c1 = "c1";
- }
-
Ext.extend(C,S,{s1:"by c overload"});
-
var c = new C();
-
alert(c.s);
-
alert(c.s1);
- </script>
<script type="text/javascript">
function S(){
this.s = "s";
this.s1 = "s1";
}
function C(){
this.c = "c";
this.c1 = "c1";
}
Ext.extend(C,S,{s1:"by c overload"});
var c = new C();
alert(c.s); //undefind
alert(c.s1); //by c overload
</script>
也可以通过如下方式来实现类的继承
- <script type="text/javascript">
-
function S(){
- }
-
S.prototype.s = "s";
-
S.prototype.s1 = "s1";
-
C = Ext.extend(S,{s1:"by c overload"});
-
var c = new C();
-
alert(c.s);
-
alert(c.s1);
- </script>
<script type="text/javascript">
function S(){
}
S.prototype.s = "s";
S.prototype.s1 = "s1";
C = Ext.extend(S,{s1:"by c overload"});
var c = new C();
alert(c.s); //s
alert(c.s1); //by c overload
</script>
此时,C是子类,S是父类
分享到:
相关推荐
6. `Ext.extend(Object subclass, Object superclass, [Object overrides])`: 这是实现JavaScript继承的关键函数。`subclass`是子类,`superclass`是父类,`overrides`是子类要覆盖或扩展父类的方法。它创建了一个新...
jQuery为开发插件提拱了两个方法,分别是: 代码如下: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象...
var NodeModel = Ext.data.Model.extend({ fields: ['text'] }); Ext.create('Ext.tree.Panel', { title: '我的树', width: 200, height: 300, store: store, rootVisible: true, renderTo: Ext.getBody...
EXT文档对于理解和使用EXT框架至关重要,它提供了EXT的组件结构、配置、资源管理和类继承等核心概念的详细说明。开发者可以借助这些知识创建高效、美观且功能丰富的Web应用。在开发过程中,根据实际情况选择适当的库...
9.1 利用Ext.extend实现继承 254 9.2 与Ext扩展相关的预备知识 256 9.2.1 定义命名空间 256 9.2.2 重写构造函数 257 9.2.3 继承组件的一些准备 257 9.2.4 常用的辅助函数 258 9.2.5 使用xtype 258 9.3 实现一个功能...
extend: 'Ext.data.Model', fields: [ {name: 'name', type: 'string'}, {name: 'birthday', type: 'date', mapping: 'birthday.time'} ] }); ``` 这里的`mapping`属性用于指定从JSON对象中提取日期的路径...
这个API帮助文档包含了详细的功能说明、示例代码和类库结构,帮助开发者更好地理解和利用Ext3.0的功能。 1. **基本概念** - **组件(Components)**: Ext3.0的核心是组件系统,它包括了各种类型如表格、面板、窗口...
extend 这个类的介绍,主要是对JS的继承的详细说明
二、说明 这类提示框组件我们通常都会直接在 JS 代码中进行调用。像下面这样: this.$toast('别点啦,到头啦!') 但看到网上大多数还是通过 component 方式实现的,这样的话我们在使用的时候还要在 DOM 中放置一个...
Ext.extend(Ext.form.field.ComboBox, { initComponent: function () { this.multiSelect = true; this.callParent(); this.on('beforequery', this.handleBeforeQuery, this); }, handleBeforeQuery: ...
Ext.extend(MyFCKComponent, Ext.Component, { initComponent: function() { this.html = '<textarea id="myFCKTextArea"></textarea>'; this.callParent(); }, render: function(ctn) { this.callParent...
2. **组件创建**:介绍如何创建自定义组件,包括使用`Ext.extend()`来扩展现有组件,定义新的配置选项和方法。 3. **布局管理**:讲解如何使用各种内置布局(如fit、border、form等)来组织和排列组件,确保它们...
extend: 'Ext.data.Model', fields: ['id', 'name', 'url'] }); ``` - **ExtJS Store**:加载数据模型实例到Store中。 ```javascript Ext.define('App.store.Attachments', { extend: 'Ext.data.Store', ...
1、tree增加支持类标准数据格式加载,具体看demo或jquery.easyui.tree.extend.js文件开头说明。 2、修复datagrid在rowediting编辑风格时点击“确定”按钮无法提交问题。 3、datagrid和treegrid增加getEditingRows...
具体来说,我们可以通过layer.use函数加载'extend/layer.ext.js'模块,并在加载成功后,通过回调函数覆盖layer.ext方法。通过这种方式,我们定义了一个新的layer.ext函数,使得layer.prompt方法变得可用。在这个新的...
47. ext 或者 extend:延伸对象到边界。 48. tr 或者 trim:修剪对象到边界。 49. ctrl+Z 或者 Esc:撤销上一步操作或退出当前命令。 上述列出的快捷键中,有的是单个字符,如 l 代表 line,有的是组合键,如 ALT...
OpenFOAM README for version 1.6-ext # 执照 OpenFOAM 是免费软件; 您可以根据自由软件基金会发布的 GNU 通用公共许可证的条款重新分发和/或修改它; 许可证的第 2 版,或(由您选择)任何更高版本。 请参阅此...
上述列表是根据文件内容整理的AutoCAD 2007部分快捷键及其功能的详细说明。在实际使用中,通过记忆并运用这些快捷键,可以大幅提高绘图的效率和流畅性。快捷键的具体使用方法通常是在键盘上按下相应的字母或组合键,...
该插件使用Ext.define方法定义了一个名为FieldAjaxVerify的新类,并通过extend:'Ext.AbstractPlugin'继承自ExtJS的插件基类,实现为表单字段添加异步校验功能。 3. 插件的主要属性和功能: - buffer:配置项设置了...