在YUI中通过YUI.add()添加自定义模块

发布于 2012-01-10 | 更新于 2020-09-20

为了快速测试YUI,我们可以在页面中引入:

详细的基本使用参考这里:YUI介绍以及快速入门 Yahoo的JS框架

1、 编写自定义模块:

接下来就可以在Javascript代码中通过YUI.add添加自定义模块了:

/************************
在YUI中添加自定义模块
***********************/
//声明一个命名空间
YUI.namespace(‘itzhai’);
//通过Y.add添加模块
YUI.add(‘myModule’,function(Y){
function arthinking(config){
arthinking.superclass.constructor.apply(this,arguments);
}
arthinking.NAME = ‘arthinking’;
arthinking.ATTRS = {
attributes:{value:‘itzhai’}
};
//通过Y.extend的方式来定义新的功能
Y.extend(arthinking,Y.Base, {
initializer: function(cfg){},
destructor: function(cfg){}
});
//把构造函数赋给命名空间"itzhai"
itzhai = arthinking;
});

2、 使用自定义模块

通过YUI().use()使用自定义模块:

/****************
使用该模块
****************/
YUI({charset:‘utf-8’, modules:{
‘myModule’: {
fullpath: ‘script/itzhai/myModule.js’,
type: ‘js’,
requires: [‘base’]
}
}}).use(‘myModule’, function(Y){
var web = new itzhai({});
document.write(web.get(‘attributes’));
});

本文作者: arthinking

本文链接: https://www.itzhai.comthe-yui-by-yui-add-to-add-a-custom-module.html

版权声明: 版权归作者所有,未经许可不得转载,侵权必究!联系作者请加公众号。

×
IT宅

关注公众号及时获取网站内容更新。