【转载+实践】easyUi源码分析02--easyloader.js功能介绍

原文地址：http://www.cnblogs.com/lfzx_1227/archive/2010/09/11/1824082.html

 

本人增补内容(黑体表示要手动修改)：

easyloader = {  
          
        // 各个模块文件的定义，包括js、css和依赖模块  
        modules:modules,  
          
        // 国际化资源文件  
        locales:locales,  
          
        // jquery-easyui的根目录，在加载easyloader时，会自动根据你放置的位置而改变  
        base:'.',    【本人放置位置：'js/easyUi/'】
          
        // 控件的主题，一共就有两个，在theme目录中。还有一个gray主题，浅灰色的，很难看。  
        theme:'default',  
          
        // 这是一个开关变量，控制easyloader加载模块时，要不要加载相应的css文件，默认是需要加载的  
        css:true,

 

         // 国际化语言，可以根据window.navigator.language或者window.navigator.userLanguage来获取当前浏览器的语言。  
        // 有两个属性，主要因为IE浏览器只认识userLanguage和sysLanguage，万恶的IE浏览器啊！  
        locale:null, 【官方文件为null，中文使用：'zh_CN'】

 

---------------以下是转载内容 -----------------------------------------

 

jQuery EasyUI是一款基于JQuery的UI快速搭建组件。今天介绍下EasyLoader的功能。

EasyLoader是可以动态加载脚本和CSS文件，也可以动态加载EasyUI已有组件

需要引用EasyLoader.js文件，注意：这里就不需要引用jquery.easyui.min.js文件了。

比如需要加载linkbutton组件，则可以用下面的两种方式来加载：

第一种通过设置class来实现:

　　<a href="#" class="easyui-linkbutton" onclick="load1()">加载日历</a>

 　　只要class设置了easyui-组件名，easyloader就会自动动态加载相应的组件

第二种通过脚本来实现:
　　using('calendar', function () { alert("加载成功！") });

 　　或者
　　easyloader.load('calendar', function () { alert("加载成功！") });

 　　这里using 等同于 easyloader.load，也就是说using是 easyloader.load方法的简写。

常用属性：

1)   Locale： 本地化

用法：easyloader.locale = "zh_CN"; // 本地化设置

2)  Theme： 主题

用法：easyloader.theme = "gray"; // 设置主题

事件：

1)  onProgress： 每个组件加载完成后触发

2)  onLoad：在onProgress事件后触发，当组件以及关联组件全部加载完成后触发

两者的区别可以从名称中看出端倪，onProgress事件可以用来显示进度，而onLoad事件可以用于提示用户可以使用组件了。