YUI3的动态加载脚本功能实现

在ExtFrame里有一套实现了的可以延迟在需要时才加载脚本的机制,例如,当用户在树上点击用户管理时,才载入user.js创建相关的panel和表格等

在YUI3里有loader机制动态加载脚本

一开始我还以为可以使用loader动态加载指定路径脚本

在研究了N天之后恍然大悟,原来是这样写的:

  

    YUI({
        modules: {
            form: { async: false, fullpath: '../scripts/core/form.js' },
            treeview: { async: false, fullpath: '../scripts/gallery/treeview.js' },
            user: {async: false, fullpath: '../scripts/logic/user.js' },
            ......
            dataquery: { async: false, fullpath: '../scripts/core/dataquery.js' }
        }
    }).use('node', 'panel', 'event-focus', 'json', 'model', 'graphics', 'model-list'.......

也就是先直接把user.js定义成一个自定义module,然后在代码里不要直接use,这样是不会在运行时就载入的

等到需要用时,再写成

        Y.use('user', function(Y) { });

这样就动态载入完毕了,而且如果这样封装的话,重复执行时也不会重复载入的

转载于:https://www.cnblogs.com/zuxOK/archive/2013/01/28/2880045.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值