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中alert弹出窗口文本换行问题简单详细说明
Dec 11 Javascript
window.open打开页面居中显示的示例代码
Dec 27 Javascript
js中window.open打开一个新的页面
Aug 10 Javascript
jQuery带时间的日期控件代码分享
Aug 26 Javascript
AngularJS 日期格式化详解
Dec 23 Javascript
jQuery插件支持同一页面被多次调用
Feb 14 Javascript
js中获取键盘事件的简单实现方法
Oct 10 Javascript
vue-cli项目中使用Mockjs详解
May 14 Javascript
详解微信小程序回到顶部的两种方式
May 09 Javascript
Vue实战教程之仿肯德基宅急送App
Jul 19 Javascript
详解JavaScript 浮点数运算的精度问题
Jul 23 Javascript
javascript+Canvas实现画板功能
Jun 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中取得URL的根域名的代码
2011/03/23 PHP
php新建文件自动编号的思路与实现
2011/06/27 PHP
PHP基于phpqrcode生成带LOGO图像的二维码实例
2015/07/10 PHP
php+ajax实现无刷新的新闻留言系统
2020/12/21 PHP
PHP采用超长(超大)数字运算防止数字以科学计数法显示的方法
2016/04/01 PHP
php将服务端的文件读出来显示在web页面实例
2016/10/31 PHP
PHP如何开启Opcache功能提升程序处理效率
2020/04/27 PHP
关于include标签导致js路径找不到的问题分析及解决
2013/07/09 Javascript
JS中类或对象的定义说明
2014/03/10 Javascript
canvas实现爱心和彩虹雨效果
2017/03/09 Javascript
Vue制作Todo List网页
2017/04/26 Javascript
如何理解Vue的作用域插槽的实现原理
2017/08/19 Javascript
简单谈谈CommonsChunkPlugin抽取公共模块
2017/12/31 Javascript
JS中超越现实的匿名函数用法实例分析
2019/06/21 Javascript
ES6中定义类和对象的方法示例
2019/07/31 Javascript
[01:30]我们共输赢 完美世界城市挑战赛开启全新赛季
2019/04/19 DOTA
python通过BF算法实现关键词匹配的方法
2015/03/13 Python
Python中的rfind()方法使用详解
2015/05/19 Python
使用C#配合ArcGIS Engine进行地理信息系统开发
2016/02/19 Python
python破解zip加密文件的方法
2018/05/31 Python
浅谈pandas筛选出表中满足另一个表所有条件的数据方法
2019/02/08 Python
Python实现把多维数组展开成DataFrame
2019/11/30 Python
python数据抓取3种方法总结
2021/02/07 Python
英国演唱会订票网站:Ticket Selection
2018/03/27 全球购物
欧洲最大的品牌水上运动服装和设备在线零售商:Wuituit Outlet
2018/05/05 全球购物
Mybag美国/加拿大:英国奢华包包和名牌手袋网站
2020/02/16 全球购物
英国奢侈品在线精品店:Hervia
2020/09/03 全球购物
中专生的个人自我评价
2013/12/11 职场文书
竞选村长演讲稿
2014/04/28 职场文书
设计师求职信模板
2014/05/06 职场文书
授权委托书样本及填写说明
2014/09/19 职场文书
工作失职检讨书
2015/01/26 职场文书
2015年银行大堂经理工作总结
2015/04/24 职场文书
女方离婚起诉书
2015/05/18 职场文书
Mysql Show Profile
2021/04/05 MySQL
redis不能访问本机真实ip地址的解决方案
2021/07/07 Redis