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事件可以用于提示用户可以使用组件了。 　　示例代码： EasyUI.EasyLoader.rar

　　推荐阅读

　　JavaScript日历实现代码

效果如下:javascript 代码如下: 复制代码 代码如下: var Calendar = function(){ var self = this; self.box = document.createElement("div"); self.head = document.createElement("div"); self.datePlace; self>>>详细阅读

本文标题：jQuery EasyUI 的EasyLoader功能介绍

地址：http://www.17bianji.com/kaifa2/JS/25736.html

 1/2    1