辨析Ext Extensions(扩展)与Plugins(插件)之间的关系

[b]序言[/b]

要是在Ext框架中没有相应的功能,我想许多用户都会自己写一套程序去实现。有一些功能是根据他们的程序而开发的,有些则是通用的,这样其他用户可能就会对此感兴趣。

嗯~我们有了想法了,是需要写一写新的代码,相关的步骤我也懂得,可能面临一个问题,究竟是写扩展(Extension)还是写插件(Plugin)呢?

[b]扩展与插件[/b]

我们把两样东西放在一起讨论,可以明确它们之间是有某种很相似的地方。相似的地方在于,它们都是对现有的库的功能进行 修改 或加入新的功能。

扩展与插件均不能独立使用;它们须依赖组件、类运行。

[b]扩展[/b]

扩展(extension)在Ext中就是指衍生的子类。假设我们已经有一个附有一些方法的基类,现在欲加入新方法。我们可以框架的继承特性和JavaScript创建新类的语言特性组合新的一个类,包含基类的方法和加入的新方法。

我们这里进行Ext类的扩展。 首先执行函数Ext.extend返回一个新的类,这个类的名称就是新的变量名。 像下例:
MyExtension = Ext.extend(Ext.Panel, {/* 对象的新属性、新方法 */});


接着,我们需要实例化对象:
var myExtension = new MyExtension({/* 可选的配置项 */});


[b]插件[/b]

插件不需要从任何Ext类为基础。尽管插件很多时候从Ext.util.Observable哪里扩展,但这不是必须的; 插件其实是可以很灵活的。如果这个插件是为某个组件服务的,就当然没有必要从现有的Ext类:panel,form,grid...写起。

举一个例子,说明如何创建插件:
MyPlugin = function() {/* 代码 */};


然后这样子使用:
var myPanel = new Ext.Panel({
plugins:[new MyPlugin({/* 可选的配置项 */})]
,// 其他myPanel的配置项
});


[b]扩展还是插件?[/b]

这要看... 无论写扩展还是写插件都可以达到相同的效果。有的程序员就喜欢写插件,有的喜欢写扩展。总得来说,小一点的功能写成插件,复杂一点的可以写成扩展。插件可以轻松地从组件上移除,扩展就和程序联系很紧密。

[b]总结[/b]

一个扩展就是一个新名字出现的一个新类,它是以某个基类为基础,属于类库中的一员。扩展必须好像其他类那样实例化般地使用。
插件会把插入到现有的某个类之中,可灵活地移除,它可以在类库中定义,然后伴随某个类实例化的时候参与运作。

[b]延伸阅读[/b]

[url="http://www.ajaxjs.com/blog/"]这是译者的UI blog。[/url]
[url="http://extjs.com/learn/Tutorial:Extending_Ext2_Class"]Extending an Ext Class[/url]
[url="http://extjs.com/learn/Tutorial:Writing_Ext_2_Plugins"]Writing an Ext Plugin[/url]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值