【EasyUI】jQuery EasyUI 的EasyLoader功能介绍-EasyLoader

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【jQuery EasyUI 的EasyLoader功能介绍】，下面是详细的讲解！

jQuery EasyUI 的EasyLoader功能介绍

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

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

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

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


　　<a href="http://www.jb51.net/article/24790.htm#" 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

关于jQuery EasyUI 的EasyLoader功能介绍的用户互动如下：

　　相关问题：求解释下面jQuery EasyUI的easyloader中的一段代码？

　　答：他是避免重复引入。 >>详细

　　相关问题：jquery easyui event

　　答：EasyLoader是可以动态加载脚本和CSS文件，也可以动态加载EasyUI已有组件 需要引用EasyLoader.js文件，注意：这里就不需要引用jquery.easyui.min.js文件了。 比如需要加载linkbutton组件，则可以用下面的两种方式来加载： 第一种通过设置class来... >>详细

　　相关问题：jQuery EasyUI panel 的collapse 和expand方法怎么...

　　答：$('#docId').panel({ ..., collapsed:true,//定义该面板初始化为折叠状态 collapsible:true,//定义该面板的折叠按钮为显示状态 //当面板处于‘展开’状态时，点击折叠按钮触发折叠事件 onBeforeCollpase:function(){ //该面板在点击折叠按钮后，执... >>详细