easyUI基础-easyloader加载器

什么是EasyLoader

       正如其名字一样easyloader的作用是为了动态的加载组件所需的js文件,这体现了EasyUI作为轻量级框架对性能的合理掌握（可以动态的加载所需组件）,不过一般而言很少使用到easyloader(会给使用者带来一定的难度)。那么使用EasyLoader的场景有哪些呢？

EasyLoader使用场景

    出于性能的考虑,不一次性的加载easyui核心js、css文件,而是先展示基础文档结构。
    项目只是简单的用到easyui的几个组件,此时可以按需加载该组件的js和css文件。
    你需要使用某个组件,但是不知道该组件是否依赖于其他组件(简单的js引用无法达到),使用easyloader可以自动加载依赖组件。
    你需要把JQuery基础库和自己实现的js结合起来，以达到更好的展示性能。

 

使用方法

加载 EasyUI 模块

easyloader.base = '../'; // 设置 easyui 基础目录 

easyloader.load('messager', function(){ // 加载指定模块 

$.messager.alert('Title', 'load ok');

});

加载来自绝对路径的脚本

using('http://code.jquery.com/jquery-1.4.4.min.js', function(){

// ...

});

加载来自相对路径的脚本

// 脚本路径相对于 easyui 目录 

using('./myscript.js