jQuery EasyUI 的EasyLoader功能介绍


Posted in Javascript onSeptember 12, 2010

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实现点击按钮让DIV层弹性移动的方法
Feb 24 Javascript
JavaScript学习笔记之数组的增、删、改、查
Mar 23 Javascript
Extjs实现下拉菜单效果
Apr 01 Javascript
angular forEach方法遍历源码解读
Jan 25 Javascript
Vue.js常用指令之循环使用v-for指令教程
Jun 27 Javascript
解决Vue2.0自带浏览器里无法打开的原因(兼容处理)
Jul 28 Javascript
JavaScript实现无刷新上传预览图片功能
Aug 02 Javascript
纯js实现画一棵树的示例
Sep 05 Javascript
JS实现十字坐标跟随鼠标效果
Dec 25 Javascript
Bootstrap 按钮样式与使用代码详解
Dec 09 Javascript
利用d3.js制作连线动画图与编辑器的方法实例
Sep 05 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
Dec 23 Javascript
jQuery UI 应用不同Theme的办法
Sep 12 #Javascript
基于jquery的表格排序
Sep 11 #Javascript
javascript多种数据类型表格排序代码分析
Sep 11 #Javascript
javascript 触发HTML元素绑定的函数
Sep 11 #Javascript
Js组件的一些写法
Sep 10 #Javascript
编写Js代码要注意的几条规则
Sep 10 #Javascript
jquery之empty()与remove()区别说明
Sep 10 #Javascript
You might like
PHP中HTTP方式下的Gzip压缩传输方法举偶
2007/02/15 PHP
php站内搜索并高亮显示关键字的实现代码
2011/12/29 PHP
ThinkPHP快速入门实例教程之数据分页
2014/07/01 PHP
CodeIgniter实现更改view文件夹路径的方法
2014/07/04 PHP
CI框架学习笔记(二) -入口文件index.php
2014/10/27 PHP
php实现QQ小程序发送模板消息功能
2019/09/18 PHP
解读IE和firefox下JScript和HREF的执行顺序
2008/01/12 Javascript
20款超赞的jQuery插件 Web开发人员必备
2011/02/26 Javascript
深入理解Javascript中的循环优化
2013/11/09 Javascript
jQuery的3种请求方式$.post,$.get,$.getJSON
2014/03/28 Javascript
浅谈JavaScript 框架分类
2014/11/10 Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
2015/02/20 Javascript
js实现一个链接打开两个链接地址的方法
2015/05/12 Javascript
深入理解jquery跨域请求方法
2016/05/18 Javascript
JavaScript ES6中CLASS的使用详解
2016/11/22 Javascript
jQuery实现简易的输入框字数计数功能示例
2017/01/16 Javascript
Bootstarp 基础教程之表单部分实例代码
2017/02/03 Javascript
微信小程序 开发之全局配置
2017/05/05 Javascript
Angularjs 双向绑定时字符串的转换成数字类型的问题
2017/06/12 Javascript
react-redux中connect的装饰器用法@connect详解
2018/01/13 Javascript
webstorm添加*.vue文件支持
2018/05/08 Javascript
vue打包的时候自动将px转成rem的操作方法
2018/06/20 Javascript
Python操作列表的常用方法分享
2014/02/13 Python
python创建临时文件夹的方法
2015/07/06 Python
pyqt弹出新对话框,以及关闭对话框获取数据的实例
2019/06/18 Python
pandas 中对特征进行硬编码和onehot编码的实现
2019/12/20 Python
Python + selenium + crontab实现每日定时自动打卡功能
2020/03/31 Python
Pytorch十九种损失函数的使用详解
2020/04/29 Python
python3实现简单飞机大战
2020/11/29 Python
详解python日志输出使用配置文件格式
2021/02/10 Python
HTML5中的Scoped属性使用实例
2014/04/23 HTML / CSS
理工大学毕业生自荐信
2013/11/01 职场文书
信息技术专业个人自我评价
2013/12/11 职场文书
《寓言两则》教学反思
2014/02/27 职场文书
优秀班组长事迹
2014/05/31 职场文书
大学毕业生个人总结
2015/02/28 职场文书