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 相关文章推荐
javascript 限制输入和粘贴(IE,firefox测试通过)
Nov 14 Javascript
JavaScript 字符串处理函数使用小结
Dec 02 Javascript
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
May 02 Javascript
页面实时更新时间的JS实例代码
Dec 18 Javascript
jquery设置表单元素为不可用的简单代码
Jul 04 Javascript
纯js实现html转pdf的简单实例(推荐)
Feb 16 Javascript
canvas红包照片实例分享
Feb 28 Javascript
浅谈vuepress 踩坑记
Apr 18 Javascript
layui实现点击按钮给table添加一行
Aug 10 Javascript
点击按钮弹出模态框的一系列操作代码实例
Mar 29 Javascript
JavaScript创建、读取和删除cookie
Sep 03 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
Jul 20 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
超外差式晶体管收音机的组装与统调
2021/03/01 无线电
php方法调用模式与函数调用模式简例
2011/09/20 PHP
php多个字符串替换成同一个的解决方法
2013/06/18 PHP
PHP实现删除非站内外部链接实例代码
2014/06/17 PHP
php中把美国时间转为北京时间的自定义函数分享
2014/07/28 PHP
php关联数组快速排序的方法
2015/04/17 PHP
PHP基于ICU扩展intl快速实现汉字转拼音及按拼音首字母分组排序的方法
2017/05/03 PHP
PHP常用函数之格式化时间操作示例
2019/10/21 PHP
javascript之函数直接量(function(){})()
2007/06/29 Javascript
学习面向对象之面向对象的基本概念:对象和其他基本要素
2010/11/30 Javascript
javascript中验证大写字母、数字和中文
2014/01/15 Javascript
javascript+ajax实现产品页面加载信息
2015/07/09 Javascript
jQuery检测返回值的数据类型
2015/07/13 Javascript
javascript中new关键字详解
2015/12/14 Javascript
浅谈Vue父子组件和非父子组件传值问题
2017/08/22 Javascript
Vue-cli Eslint在vscode里代码自动格式化的方法
2018/02/23 Javascript
Vue批量图片显示时遇到的路径被解析问题
2019/03/28 Javascript
基于vue实现web端超大数据量表格的卡顿解决
2019/04/02 Javascript
vue实现前台列表数据过滤搜索、分页效果
2019/05/28 Javascript
vue选项卡切换登录方式小案例
2019/09/27 Javascript
vue 解决在微信内置浏览器中调用支付宝支付的情况
2020/11/09 Javascript
Python中__repr__和__str__区别详解
2019/11/07 Python
Python之关于类变量的两种赋值区别详解
2020/03/12 Python
Python 跨.py文件调用自定义函数说明
2020/06/01 Python
keras中的History对象用法
2020/06/19 Python
python中setuptools的作用是什么
2020/06/19 Python
OpenCV 使用imread()函数读取图片的六种正确姿势
2020/07/09 Python
联想法国官方网站:Lenovo法国
2018/10/18 全球购物
饿了么订餐官网:外卖、网上订餐
2019/06/28 全球购物
初三化学教学反思
2014/01/23 职场文书
中餐厅经理岗位职责
2014/04/11 职场文书
班级文化建设标语
2014/06/23 职场文书
酒后驾车标语
2014/06/30 职场文书
党员作风建设整改方案
2014/10/27 职场文书
导游词之云南省玉龙雪山
2019/12/19 职场文书
python机器学习实现oneR算法(以鸢尾data为例)
2022/03/03 Python