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实例属性和原型属性示例详解
Nov 23 Javascript
js+cookies实现悬浮购物车的方法
May 25 Javascript
详解JavaScript中void语句的使用
Jun 04 Javascript
javascript获取select值的方法分析
Jul 02 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
Apr 18 Javascript
浅谈String.valueOf()方法的使用
Jun 06 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
Jun 07 Javascript
js中用cssText设置css样式的简单方法
Sep 19 Javascript
通过实例解析js简易模块加载器
Jun 17 Javascript
jquery实现上传文件进度条
Mar 26 jQuery
Javascript实现贪吃蛇小游戏(含详细注释)
Oct 23 Javascript
javascript实现电商放大镜效果
Nov 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
基于文本的搜索
2006/10/09 PHP
php防注入及开发安全详细解析
2013/08/09 PHP
destoon常用的安全设置概述
2014/06/21 PHP
php管理nginx虚拟主机shell脚本实例
2014/11/19 PHP
PHP批量查询WordPress留言者E-mail地址实现方法
2015/02/15 PHP
php判断当前操作系统类型
2015/10/28 PHP
PHP实现阿里大鱼短信验证的实例代码
2017/07/10 PHP
PHP如何根据文件头检测文件类型实例代码
2018/10/14 PHP
非常不错的功能强大代码简单的管理菜单美化版
2008/07/09 Javascript
判断滚动条到底部的JS代码
2013/11/04 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
2013/11/21 Javascript
js实现简单锁屏功能实例
2015/05/27 Javascript
JavaScript事件学习小结(五)js中事件类型之鼠标事件
2016/06/09 Javascript
TableSort.js表格排序插件使用方法详解
2017/02/10 Javascript
详解Vue中localstorage和sessionstorage的使用
2017/12/22 Javascript
JavaScript实现简单的隐藏式侧边栏功能示例
2018/08/31 Javascript
vue生成文件本地打开查看效果的实例
2018/09/06 Javascript
解决微信授权成功后点击按返回键出现空白页和报错的问题
2020/06/08 Javascript
[47:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
分析python服务器拒绝服务攻击代码
2014/01/16 Python
Python 基础知识之字符串处理
2017/01/06 Python
ansible作为python模块库使用的方法实例
2017/01/17 Python
基于Django的python验证码(实例讲解)
2017/10/23 Python
Python安装Numpy和matplotlib的方法(推荐)
2017/11/02 Python
使用 Python 处理 JSON 格式的数据
2019/07/22 Python
用Python在Excel里画出蒙娜丽莎的方法示例
2020/04/28 Python
CSS3+DIV实现漂亮的动画彩色标签
2016/06/16 HTML / CSS
html5中canvas学习笔记1-画板的尺寸与实际显示尺寸
2013/01/06 HTML / CSS
Desigual英国官网:在线购买原创服装
2018/03/09 全球购物
什么是URL
2015/12/13 面试题
尊老爱幼演讲稿
2014/09/04 职场文书
大学生个人简历自我评价
2015/03/11 职场文书
离婚起诉书范本
2015/05/18 职场文书
三八节活动主持词
2015/07/04 职场文书
广告文案的撰写技巧(实用干货)
2019/08/23 职场文书
Python中os模块的简单使用及重命名操作
2021/04/17 Python