`

Ext中extend

    博客分类:
  • EXT
 
阅读更多

http://www.cnblogs.com/cdts_change/archive/2009/09/14/1566172.html

http://wangyu.iteye.com/blog/210849

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 的详细解读,以及实际应用,与大家一起分享。

    EXT是一款强大的AJAX框架

    /* *CRUD面板基类 */ //继承EXT的Panel,创建CRUD面板 Mis.Ext.CrudPanel=Ext.extend(Ext.Panel,{……}); //限于篇幅就不列出全部代码 EXT里的继承用的是Ext.extend(组件名,{实现代码}); 要使用这个CRUD面板,...

    ext 继承(extend) 理解练习

    NULL 博文链接:https://wmch.iteye.com/blog/974219

    Ext grid合并单元格

    MyGridView=Ext.extend(Ext.grid.GridView,{ renderHeaders : function(){ var cm = this.cm, ts = this.templates; var ct = ts.hcell,ct2=ts.mhcell; var cb = [], sb = [], p = {},mcb=[]; for(var i = 0...

    Ext+JS高级程序设计.rar

    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 实现一个功能...

    ExtJS的extend(Ext Designer的使用)

    NULL 博文链接:https://lggege.iteye.com/blog/602587

    EXT+STRUTS2 经典例子

    EXT 结合struts2,用json方式与ACTION通信,非常经典的入门例子! 里面对ext.extend用的很好!

    ext4的MVC小例子

    extend: 'Ext.app.Controller', stores: ['GoodsStore'],//声明该控制层要用到的store models: ['GoodsModel'],//声明该控制层要用到的model views: ['goods.GoodsListView','goods.GoodsWinView'],//声明该控制...

    Ext Js权威指南(.zip.001

    4.3.3 ext.function中的静态方法 / 120 4.3.4 ext.array中的静态方法 / 127 4.3.5 ext.error中的静态方法 / 133 4.4 深入了解类的创建及管理 / 135 4.4.1 开始创建类 / 135 4.4.2 创建类的类:ext.class / 137...

    Ext JS in Action (第1版,深入研究Ext JS 3.0)

    Ext JS in Action is a comprehensive guide to Ext JS. By following its rich examples, patterns, and best practices, you'll ...Extend the framework and write plug-ins Watch the author develop an Ext JS app

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

    关于这个原因有很多种,我只说下我遇到的 我这样 写Store来复用的 代码如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this....

    jQuery中extend函数的实现原理详解

    extend()是jQuery中一个重要的函数,作用是实现对对象的扩展, 它经常用于jQuery插件的开发,jQuery内部也使用它来扩展属性方法,如上篇文章中讲到的noConflict方法,就是用extend方法来扩展的。 在jQuery的API手册...

    EXT测试小样例--EXT测试小样例

    EXT测试小样例EXT测试小样例EXT测试小样例EXT测试小样例EXT测试小样例EXT测试小样例EXT测试小样例

    Ext.ux.UploadDialog

    Most configuration options are inherited from Ext.Window (see ExtJs docs). The added ones are: url - the url where to post uploaded files. base_params - additional post params (default to {}). ...

    javascript 写类方式之八

    8、Ext.js的写类方式 这里用的是Ext core3.0,Ext中用Ext.extend来定义一个类(当然它更多用来扩展一个类),Ext整个框架各种控件如Panel,MessageBox等都是用Ext.extend方法来扩展。这里仅仅用它来定义一个最简单的...

    ext-2.3.0+CKEditor 3.0.1+ckfinder_asp_1.4配置详解及工程源码

    Ext.extend(Ext.form.CKEditor, Ext.form.TextArea, { onRender : function(ct, position){ if(!this.el){ this.defaultAutoCreate = { tag: "textarea", autocomplete: "off" }; } Ext.form.TextArea....

    JQuery中extend的用法实例分析

    本文实例讲述了JQuery中extend的用法。分享给大家供大家参考。具体分析如下: extend()函数是jQuery的基础函数之一,作用是扩展现有的对象。extend是我们在写插件的过程中常用的方法,该方法有一些重载原型。$....

    jquery 插件开发 extjs中的extend用法小结

    在jquery中,extend其实在做插件时还是用的比较多的,今天同时小结jquery和ext js中 的extend用法,先来看jquery中的。 1) extend(dest,src1,src2,src3…); 代码如下: var start = { id: 123, count: 41, desc: ...

    jQuery中extend函数详解

    1.$.extend({},defaults, options) 这样做的目的是为了保护包默认参数。也就是defaults里面的参数。 做法是将一个新的空对象({})做为$.extend的第一个参数,defaults和用户传递的参数对象紧随其后,这样做的好处是...

    详解jQuery插件开发中的extend方法

    Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,dest是要整合的空间可以使{} 或者不写 src是一个JSON表达式表示的javascript对象…. 因此里面可以添加方法属性等等… 我么通过不同...

Global site tag (gtag.js) - Google Analytics