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 实现打印网页中定义的部分内容的代码
Apr 01 Javascript
将查询条件的input、select清空
Jan 14 Javascript
javascript页面渲染速度测试脚本分享
Apr 15 Javascript
JQuery导航菜单选择特效
Apr 11 Javascript
jQuery链式调用与show知识浅析
May 11 Javascript
html5 canvas 详细使用教程
Jan 20 Javascript
dts文件中删除一个node或属性的操作方法
Aug 05 Javascript
详解Vue实战指南之依赖注入(provide/inject)
Nov 13 Javascript
Vue自定义指令写法与个人理解
Feb 09 Javascript
详解基于iview-ui的导航栏路径(面包屑)配置
Feb 22 Javascript
js实现点击图片在屏幕中间弹出放大效果
Sep 11 Javascript
Python机器学习之决策树和随机森林
Jul 15 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
在VS2008中编译MYSQL5.1.48的方法
2010/07/03 PHP
PHP代码审核的详细介绍
2013/06/13 PHP
将php数组输出html表格的方法
2014/02/24 PHP
Laravel 4.2 中队列服务(queue)使用感受
2014/10/30 PHP
php自定义错误处理用法实例
2015/03/20 PHP
PHP检测数据类型的几种方法(总结)
2017/03/04 PHP
node.js中的fs.renameSync方法使用说明
2014/12/16 Javascript
js中取得变量绝对值的方法
2015/01/03 Javascript
angular.foreach 循环方法使用指南
2015/01/06 Javascript
异步JS框架的作用以及实现方法
2015/10/29 Javascript
浅析javascript函数表达式
2016/02/10 Javascript
第二篇Bootstrap起步
2016/06/21 Javascript
js 获取本地文件及目录的方法(推荐)
2016/11/10 Javascript
js多个物体运动功能实例分析
2016/12/20 Javascript
Angular2 Service实现简单音乐播放器服务
2017/02/24 Javascript
提高Web性能的前端优化技巧总结
2017/02/27 Javascript
详解axios在node.js中的post使用
2017/04/27 Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
2018/07/03 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
2019/09/11 Javascript
vue 取出v-for循环中的index值实例
2019/11/09 Javascript
jquery实现直播弹幕效果
2019/11/28 jQuery
详解在Python的Django框架中创建模板库的方法
2015/07/20 Python
python在html中插入简单的代码并加上时间戳的方法
2018/10/16 Python
python保存log日志,实现用log日志画图
2019/12/24 Python
基于django micro搭建网站实现加水印功能
2020/05/22 Python
解决redis与Python交互取出来的是bytes类型的问题
2020/07/16 Python
HTML5混合开发二维码扫描以及调用本地摄像头
2017/12/27 HTML / CSS
联想法国官方网站:Lenovo法国
2018/10/18 全球购物
历史系自荐信范文
2013/12/24 职场文书
技校毕业生的自我评价
2013/12/27 职场文书
运动会广播稿200字
2014/01/15 职场文书
《雪儿》教学反思
2014/04/17 职场文书
《望庐山瀑布》教学反思
2014/04/22 职场文书
写字楼租赁意向书
2014/07/30 职场文书
护理专业毕业自我鉴定
2019/08/12 职场文书
对PyTorch中inplace字段的全面理解
2021/05/22 Python