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 相关文章推荐
js 实现css风格选择器(压缩后2KB)
Jan 12 Javascript
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
Feb 26 Javascript
jQuery实现动画效果的实例代码
May 07 Javascript
将中国标准时间转换成标准格式的代码
Mar 20 Javascript
js style动态设置table高度
Oct 21 Javascript
jQuery+PHP实现动态数字展示特效
Mar 14 Javascript
js操作css属性实现div层展开关闭效果的方法
May 11 Javascript
jQuery实现模拟marquee标签效果
Jul 14 Javascript
js实现温度计时间样式代码分享
Aug 21 Javascript
获取url中用&amp;隔开的参数实例(分享)
May 28 Javascript
使用vue的v-for生成table并给table加上序号的实例代码
Oct 27 Javascript
解决vue 退出动画无效的问题
Aug 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 float不四舍五入截取浮点型字符串方法总结
2013/10/28 PHP
php中使用key,value,current,next和prev函数遍历数组的方法
2015/03/17 PHP
php如何实现只替换一次或N次
2015/10/29 PHP
golang 调用 php7详解及实例
2017/01/04 PHP
thinkPHP5.0框架应用请求生命周期分析
2017/03/25 PHP
PHP使用PDO、mysqli扩展实现与数据库交互操作详解
2019/07/20 PHP
Js基础学习资料
2010/11/23 Javascript
jQuery插件分享之分页插件jqPagination
2014/06/06 Javascript
Javascript遍历table中的元素示例代码
2014/07/08 Javascript
5个可以帮你理解JavaScript核心闭包和作用域的小例子
2014/10/08 Javascript
轻松创建nodejs服务器(7):阻塞操作的实现
2014/12/18 NodeJs
jQuery监控文本框事件并作相应处理的方法
2015/04/16 Javascript
JS判断日期格式是否合法的简单实例
2016/07/11 Javascript
Require.JS中的几种define定义方式示例
2017/06/01 Javascript
vue-cli脚手架引入图片的几种方法总结
2018/03/13 Javascript
jQuery实现的两种简单弹窗效果示例
2018/04/18 jQuery
JS数组方法reverse()用法实例分析
2020/01/18 Javascript
js实现类选择器和name属性选择器的示例步骤
2021/02/07 Javascript
python调用Moxa PCOMM Lite通过串口Ymodem协议实现发送文件
2014/08/15 Python
在Python的Flask框架中使用模版的入门教程
2015/04/20 Python
python检测某个变量是否有定义的方法
2015/05/20 Python
Windows 7下Python Web环境搭建图文教程
2018/03/20 Python
python中join()方法介绍
2018/10/11 Python
python得到单词模式的示例
2018/10/15 Python
Empty test suite.(PyCharm程序运行错误的解决方法)
2018/11/30 Python
Python3.6.2调用ffmpeg的方法
2019/01/10 Python
python 猴子补丁(monkey patch)
2019/06/26 Python
代码总结Python2 和 Python3 字符串的区别
2020/01/28 Python
python中for in的用法详解
2020/04/17 Python
什么是表空间(tablespace)和系统表空间(System tablespace)
2013/02/25 面试题
DELPHI面试题研发笔试试卷
2015/11/08 面试题
过程装备与控制工程专业个人的求职信
2013/12/01 职场文书
Go语言使用select{}阻塞main函数介绍
2021/04/25 Golang
Go 在 MongoDB 中常用查询与修改的操作
2021/05/07 Golang
python turtle绘图命令及案例
2021/11/23 Python
零基础学java之循环语句的使用
2022/04/10 Java/Android