it编程 > 前端脚本 > ExtJs

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

52人参与 2024-05-19 ExtJs

注:抄<深入浅出extjs>书
传统的js实现继承操作为:
一:定义一个父类

为baseclass定义两个函数somemethod 和overridenmethod ,,然后定义一个subclass子类,可以直接从baseclass中继承所有的属性和函数,

在上面的代码中,subclass的构造函数首先调用baseclass的构造函数初始化数据,然后通过subclass.prototype = new baseclass();这条语句让subclass类获得baseclass中的所有属性和函数。这样就实现了继承。在此之后我们就可以操作subclass的prototype,为子类添加新的函数或者覆写父类的同名函数。
在ext中使用ext.extend()函数实现继承功能的方法:

在ext.extend()函数通过 subclass.superclass.costructor.call(this);就可以直接调用父类的构造函数。这个函数的第一个参数总是this, 以确保父类的构造函数在子类的作用域里工作。
如果父类的构造函数需要传入参数,我们也就可以将所需要的参数直接传给它,如:
subclass.superclass.costructor.call(this, config);
这样我们就得到了一个继承了父类的所有属性和函数的子类。
(0)
打赏 微信扫一扫 微信扫一扫

您想发表意见!!点此发布评论

推荐阅读

一个简单的Ext.XTemplate的实例代码

05-19

extjs实现选择多表自定义查询功能 前台部分(ext源码)

05-19

解决Extjs上传图片无法预览的解决方法

05-19

ExtJs Excel导出并下载IIS服务器端遇到的问题

05-19

Extjs中ComboBox加载并赋初值的实现方法

05-19

EXTJS记事本 当CompositeField遇上RowEditor

05-19

猜你喜欢

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论