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 相关文章推荐
多广告投放代码 推荐
Nov 13 Javascript
基于jquery的direction图片渐变动画效果
May 24 Javascript
javascript转换日期字符串为Date日期对象的方法
Feb 13 Javascript
jQuery使用fadein方法实现渐出效果实例
Mar 27 Javascript
jQuery获取DOM节点实例分析(2种方式)
Dec 15 Javascript
js自定义select下拉框美化特效
May 12 Javascript
jQuery通过deferred对象管理ajax异步
May 20 Javascript
解析javascript图片懒加载与预加载的分析总结
Oct 27 Javascript
解析AngularJS中get请求URL出现的跨域问题
Dec 01 Javascript
利用ES6语法重构React组件详解
Mar 02 Javascript
Vue ElementUI实现:限制输入框只能输入正整数的问题
Jul 31 Javascript
在vue项目中promise解决回调地狱和并发请求的问题
Nov 09 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的图形函数中显示汉字
2006/10/09 PHP
ADODB类使用
2006/11/25 PHP
PHP5.3.1 不再支持ISAPI
2010/01/08 PHP
php Xdebug 调试扩展的安装与使用.
2010/03/13 PHP
PHP中isset与array_key_exists的区别实例分析
2015/06/02 PHP
基于jquery的点击链接插入链接内容的代码
2012/07/31 Javascript
我的NodeJs学习小结(一)
2014/07/06 NodeJs
jquery提示效果实例分析
2014/11/25 Javascript
JavaScript中连接操作Oracle数据库实例
2015/04/02 Javascript
JavaScript编写连连看小游戏
2015/07/07 Javascript
javascript实现判断鼠标的状态
2015/07/10 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
2015/12/29 Javascript
jquery淡入淡出效果简单实例
2016/01/14 Javascript
js实现上传图片及时预览
2016/05/07 Javascript
AngularJS控制器controller给模型数据赋初始值的方法
2017/01/04 Javascript
微信小程序实现tab和swiper切换结合效果
2020/07/17 Javascript
jQuery实现动态控制页面元素的方法分析
2017/12/20 jQuery
vue自定义全局组件(自定义插件)的用法
2018/01/30 Javascript
使用angularjs.foreach时return的问题解决
2018/09/30 Javascript
vue-quill-editor+plupload富文本编辑器实例详解
2018/10/19 Javascript
vue配置接口域名方法总结
2019/05/12 Javascript
python进程类subprocess的一些操作方法例子
2014/11/22 Python
python调用fortran模块
2016/04/08 Python
Python的Django框架中使用SQLAlchemy操作数据库的教程
2016/06/02 Python
matplotlib简介,安装和简单实例代码
2017/12/26 Python
Python实现全排列的打印
2018/08/18 Python
python异常处理和日志处理方式
2019/12/24 Python
Windows下Anaconda和PyCharm的安装与使用详解
2020/04/23 Python
Win10环境中如何实现python2和python3并存
2020/07/20 Python
GWebs公司笔试题
2012/05/04 面试题
物流管理专业毕业生求职信
2014/03/23 职场文书
主持人大赛开场白
2015/05/29 职场文书
李白经典诗之一:全文无一“月”字,却句句有月
2019/07/12 职场文书
golang switch语句的灵活写法介绍
2021/05/06 Golang
关于MySQL临时表为什么可以重名的问题
2022/03/22 MySQL
世界无敌的ICOM IC-R9500宽频接收机
2022/03/25 无线电