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 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
Apr 14 Javascript
使用原生javascript创建通用表单验证——更锋利的使用dom对象
Sep 13 Javascript
JavaScript初学者应注意的七个细节小结
Jan 30 Javascript
jquery mobile事件多次绑定示例代码
Sep 13 Javascript
javascript运动详解
Jul 06 Javascript
javascript实现网页字符定位的方法
Jul 14 Javascript
JavaScript数据操作_浅谈原始值和引用值的操作本质
Aug 23 Javascript
AngularJS中的拦截器实例详解
Apr 07 Javascript
angular4 获取wifi列表中文显示乱码问题的解决
Oct 20 Javascript
JS阻止事件冒泡的方法详解
Aug 26 Javascript
js对象简介与基本用法示例
Mar 13 Javascript
小程序中使用css var变量(使js可以动态设置css样式属性)
Mar 31 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
linux下 C语言对 php 扩展
2008/12/14 PHP
浅谈php serialize()与unserialize()的用法
2013/06/05 PHP
详解PHP中strlen和mb_strlen函数的区别
2014/03/07 PHP
基于PHP实现的事件机制实例分析
2015/06/18 PHP
php三元运算符知识汇总
2015/07/02 PHP
PHP 中 DOMDocument保存xml时中文出现乱码问题的解决方案
2016/09/19 PHP
Yii2.0实现生成二维码功能实例
2017/10/24 PHP
做网页的一些技巧(续)
2007/02/01 Javascript
JSDoc 介绍使用规范JsDoc的使用介绍
2011/02/12 Javascript
jquery中获取id值方法小结
2013/09/22 Javascript
JavaScript中的连字符详解
2013/11/28 Javascript
javascript检测浏览器的缩放状态实现代码
2014/09/28 Javascript
jquery设置css样式的多种方法(总结)
2017/02/21 Javascript
js实现PC端根据IP定位当前城市地理位置
2017/02/22 Javascript
详解Vue.js之视图和数据的双向绑定(v-model)
2017/06/23 Javascript
详解webpack进阶之插件篇
2017/07/06 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
2018/06/25 Javascript
jquery判断滚动条距离顶部的距离方法
2018/09/05 jQuery
JQuery中queue方法用法示例
2019/01/31 jQuery
react 不用插件实现数字滚动的效果示例
2020/04/14 Javascript
Js和VUE实现跑马灯效果
2020/05/25 Javascript
解决vue侦听器watch,调用this时出现undefined的问题
2020/10/30 Javascript
SpringBoot+Vue 前后端合并部署的配置方法
2020/12/30 Vue.js
node.js 基于 STMP 协议和 EWS 协议发送邮件
2021/02/14 Javascript
Python标准库os.path包、glob包使用实例
2014/11/25 Python
用Python编写生成树状结构的文件目录的脚本的教程
2015/05/04 Python
Pycharm无法使用已经安装Selenium的解决方法
2018/10/13 Python
css背景图片的背景裁切、背景透明度、背景变换等效果运用
2012/12/24 HTML / CSS
CSS3之2D与3D变换的实现方法
2019/01/28 HTML / CSS
Perry Ellis官网:美国男士品味服装
2016/12/09 全球购物
先进个人事迹材料
2014/01/25 职场文书
网上卖盒饭创业计划书
2014/01/26 职场文书
中学教师师德师风演讲稿
2014/08/22 职场文书
交通工程专业推荐信
2014/09/06 职场文书
饭店服务员岗位职责
2015/02/09 职场文书
2015关于重阳节的演讲稿
2015/03/20 职场文书