`
dyllove98
  • 浏览: 1424548 次
  • 性别: Icon_minigender_1
  • 来自: 济南
博客专栏
73a48ce3-d397-3b94-9f5d-49eb2ab017ab
Eclipse Rcp/R...
浏览量:39495
4322ac12-0ba9-3ac3-a3cf-b2f587fdfd3f
项目管理checkList...
浏览量:80828
4fb6ad91-52a6-307a-9e4f-816b4a7ce416
哲理故事与管理之道
浏览量:134088
社区版块
存档分类
最新评论

Ext中extend

阅读更多
Ext中extend
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); //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); //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); //s   
            alert(c.s1); //by c overload   
</script>  
此时,C是子类,S是父类
分享到:
评论

相关推荐

    Ext_Extend 用法及解读

    `Ext.extend`是Ext JS库中的一个核心方法,用于实现类的继承机制。在JavaScript中,由于语言本身没有内置的类概念,所以通常通过原型链(prototype)来模拟类的继承。`Ext.extend`就是这样一个工具,它使得创建类的...

    ext 继承(extend) 理解练习

    这里,我们聚焦于`ext`继承,通常指的是JavaScript中的`extend`方法,这是一种实现继承的方式。在JavaScript中,由于语言本身没有内置的类机制,所以开发者通过函数和原型链来模拟类的概念。 `extend`方法通常被...

    ExtJS的extend(Ext Designer的使用)

    这篇博客文章可能是关于如何在Ext Designer中利用`extend`来设计和自定义UI组件的教程。 首先,我们要理解`extend`在Ext JS中的工作原理。`extend`关键字用于声明一个类是另一个类的子类。这在JavaScript中实现了类...

    Ext一些方法的重写

    在`ext-extend.js`这个文件中,可能包含了对`Ext.extend()`的进一步实现和扩展,或者展示了如何在实际项目中重写`Ext`库的方法。通常,这样的代码示例会包含具体的类定义、方法重写以及如何在应用中使用这些自定义类...

    EXT dojochina Ext类静态方法.rar

    EXT dojochina Ext类静态方法是一个关于EXT框架在JavaScript中的使用的主题,主要聚焦于Ext类的静态方法。EXT是一个强大的前端开发框架,由Sencha公司开发,它提供了丰富的组件库,用于构建复杂的Web应用程序。在EXT...

    Ext继承分析

    在ExtJS中,`Ext.extend()` 是一个核心的函数,用于实现类之间的继承机制。它允许你创建新的类(子类),这些类将继承另一个类(父类)的属性和方法。这个功能对于构建复杂的JavaScript应用程序至关重要,因为它提供...

    ext多选下拉列表的全选功能实现

    "ext多选下拉列表的全选功能实现"这个主题聚焦于一个特定的UI组件——ExtJS库中的MultiComboBox,这是一种允许用户多选的下拉列表控件。在实际应用中,全选功能常常被用来快速选择所有选项,极大地提高了用户的操作...

    Ext.Store的获取方法

    在Ext.js中,`Ext.Store`是用来管理数据的类,它通常与各种UI组件(如Grid、ComboBox等)关联,用于存储和检索数据。然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的...

    Ext继承和扩展

    `Ext.extend()`是`Ext`库中用于创建子类的核心方法。它接受三个参数:子类构造器、父类构造器以及可选的配置对象。例如: ```javascript MySubClass = Ext.extend(MyParentClass, { constructor: function(config)...

    在EXT中使用FCKEditor编辑器例子

    2. **创建EXT组件**:编写一个EXT组件类,这个类会利用`Ext.extend()`方法扩展EXT的基础组件,如`Ext.Component`。在这个类中,你需要定义FCKEditor的配置项,如宽度、高度、工具栏设置等。 3. **渲染FCKEditor**:...

    ext中播放声音

    extend: 'Ext.container.Container', xtype: 'customaudio', config: { renderTpl: '&lt;audio id="myAudio" src="{src}"&gt;&lt;/audio&gt;', src: null // 初始化时设置音频文件路径 }, play: function() { var audio ...

    ext超酷的grid中放图片(ext3.2.1)

    Ext.extend(Ext.grid.Column, { renderer: function(value, meta, record, rowIndex, colIndex, store) { if (value) { return '图片" /&gt;'; } else { return ''; } } }); var grid = new Ext.grid....

    com.guo.android_extend:android-extend:1.0.6

    implementation(name: 'android-extend-release', ext: 'aar') } ``` 3. 最后,执行 `gradlew build` 或者在 Android Studio 中同步项目,使库被正确地引入到项目中。 总之,这个压缩包提供了一个名为 "android-...

    ext api,ext 学习笔记,SWFUpload_多文件上传及部分工具

    "第一章 必须理解Ext_extend函数.mht"和"EXT JS组件事件.mht"可能深入讨论了EXT的扩展机制和组件事件处理,是EXT开发的重要基础。 "EXT 中文手册.pdf"则是EXT的官方中文文档,是学习EXT API的权威参考资料,包含...

    使用Ext显示数据库中内容

    extend: 'Ext.data.Model', fields: [ {name: 'id', type: 'int'}, {name: 'name', type: 'string'}, {name: 'email', type: 'string'} ] }); ``` 3. **创建`Ext Grid`**:接下来,我们需要定义`Grid`的列...

    EXT中FCK的使用

    Ext.extend(MyFCKComponent, Ext.Component, { initComponent: function() { this.html = '&lt;textarea id="myFCKTextArea"&gt;&lt;/textarea&gt;'; this.callParent(); }, render: function(ctn) { this.callParent...

    Ext实现java的面向对象实例

    使用`extend`关键字来指定父类,如`Ext.extend('SubClass', 'SuperClass')`。 7. **类实例方法重写**:在子类中,可以重写父类的实例方法,以实现不同的功能。在Ext中,你可以直接在子类中定义相同的方法名来实现...

    ext面向对象和继承

    EXTJS中的继承是通过`Ext.extend()`或`Ext.createByAlias()`实现的。继承允许子类重写或扩展父类的方法和属性。例如,我们可以创建一个新的按钮类,继承自EXTJS的`Ext.button.Button`: ```javascript MyButton = ...

    ext2.0

    它使用 `Ext.extend()` 方法来实现类的继承,这样就可以复用和扩展已有的组件功能。 在 CRUD 面板的实现中,可以看到 `edit()`, `save()`, 和 `removeData()` 方法,这些都是针对数据操作的关键函数。例如,`edit()...

    EXT扩展Htmleditor,在工具栏中添加插入图片按钮,可选择图片插入到编辑器中(也可添加其他功能按钮)

    Ext.extend(MyPlugins.ImageInsert, Ext.util.Observable, { // 其他插件相关方法和事件处理 }); ``` 2. 创建按钮:在插件中定义一个方法来创建按钮,包括按钮的图标、文字、监听器等属性。 ```javascript create...

Global site tag (gtag.js) - Google Analytics