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 相关文章推荐
初探jquery——表单应用范例
Feb 20 Javascript
10个实用的脚本代码工具
May 04 Javascript
jquery二级导航内容均分的原理及实现
Aug 13 Javascript
js禁止页面复制功能禁用页面右键菜单示例代码
Aug 29 Javascript
React Native自定义控件底部抽屉菜单的示例
Feb 08 Javascript
vue使用vue-i18n实现国际化的实现代码
Apr 08 Javascript
详解ajax的data参数错误导致页面崩溃
Apr 30 Javascript
jQuery控制input只能输入数字和两位小数的方法
May 16 jQuery
使用 Element UI Table 的 slot-scope方法
Oct 10 Javascript
JS运算符简单用法示例
Jan 19 Javascript
javascript 易错知识点实例小结
Apr 25 Javascript
vue-cli4项目开启eslint保存时自动格式问题
Jul 13 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 字符过滤类,用于过滤各类用户输入的数据
2009/05/27 PHP
smarty内置函数foreach用法实例
2015/01/22 PHP
PHP单例模式简单用法示例
2017/06/23 PHP
php反射学习之不用new方法实例化类操作示例
2019/06/14 PHP
js 替换功能函数,用正则表达式解决,js的全部替换
2010/12/08 Javascript
JS注释所产生的bug 即使注释也会执行
2013/11/19 Javascript
基于NodeJS的前后端分离的思考与实践(一)全栈式开发
2014/09/26 NodeJs
Jquery 实现grid绑定模板
2015/01/28 Javascript
JavaScript检查数字是否为整数或浮点数的方法
2015/06/09 Javascript
分享javascript计算时间差的示例代码
2020/03/19 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
2016/04/07 Javascript
JavaScript操作表单实例讲解(上)
2016/06/20 Javascript
js简单正则验证汉字英文及下划线的方法
2016/11/28 Javascript
浅谈React的最大亮点之虚拟DOM
2018/05/29 Javascript
nodejs基础之常用工具模块util用法分析
2018/12/26 NodeJs
[00:27]DOTA2次级职业联赛 - Lilith战队宣传片
2014/12/01 DOTA
Python的Bottle框架中获取制定cookie的教程
2015/04/24 Python
Python利用Beautiful Soup模块创建对象详解
2017/03/27 Python
python嵌套字典比较值与取值的实现示例
2017/11/03 Python
Python获取当前公网ip并自动断开宽带连接实例代码
2018/01/12 Python
python实现跨excel的工作表sheet之间的复制方法
2018/05/03 Python
解决pandas .to_excel不覆盖已有sheet的问题
2018/12/10 Python
Django 日志配置按日期滚动的方法
2019/01/31 Python
一文秒懂python读写csv xml json文件各种骚操作
2019/07/04 Python
Python基于callable函数检测对象是否可被调用
2020/10/16 Python
python 通过 pybind11 使用Eigen加速代码的步骤
2020/12/07 Python
HTML5的结构和语义(1):前言
2008/10/17 HTML / CSS
Dillard’s百货官网:Dillards.com
2018/05/26 全球购物
长曲棍球装备:Lacrosse Monkey
2020/12/02 全球购物
仓库门卫岗位职责
2013/12/22 职场文书
50岁生日感言
2014/01/23 职场文书
2015年毕业生实习评语
2015/03/25 职场文书
品德与社会教学反思
2016/02/24 职场文书
暑假开始了,你的暑假学习计划写好了吗?
2019/07/04 职场文书
pandas中DataFrame检测重复值的实现
2021/05/26 Python
一文彻底理解js原生语法prototype,__proto__和constructor
2021/10/24 Javascript