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 DOM学习第八章 表单错误提示
Feb 19 Javascript
技术男用来对妹子表白的百度首页
Jul 23 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
Jun 01 Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
Jun 12 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
Dec 28 Javascript
深入理解ES6学习笔记之块级作用域绑定
Aug 19 Javascript
关于Vue单页面骨架屏实践记录
Dec 13 Javascript
在vue项目中正确使用iconfont的方法
Sep 28 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
Oct 08 Javascript
JavaScript中this用法学习笔记
Mar 17 Javascript
vue中提示$index is not defined错误的解决方式
Sep 02 Javascript
关于Js中new操作符的作用详解
Feb 21 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 操作调试的方法
2012/07/12 PHP
PHP临时文件的安全性分析
2014/07/04 PHP
基于php实现随机合并数组并排序(原排序)
2015/11/26 PHP
JavaScript日历实现代码
2010/09/12 Javascript
避免回车键导致的页面无意义刷新的解决方法
2011/04/12 Javascript
javascript操纵OGNL标签示例代码
2014/06/16 Javascript
js拼接html注意问题示例探讨
2014/07/14 Javascript
javascript 数组操作详解
2015/01/29 Javascript
jQuery中animate用法实例分析
2015/03/09 Javascript
jquery结婚电子请柬特效源码分享
2015/08/21 Javascript
jquery读写cookie操作实例分析
2015/12/24 Javascript
JS Array创建及concat()split()slice()的使用方法
2016/06/03 Javascript
url传递的参数值中包含&amp;时,url自动截断问题的解决方法
2016/08/02 Javascript
最丑的时钟效果!js canvas时钟制作方法
2016/08/15 Javascript
纯JS代码实现隔行变色鼠标移入高亮
2016/11/23 Javascript
手把手教你把nodejs部署到linux上跑出hello world
2017/06/19 NodeJs
vue.js 图片上传并预览及图片更换功能的实现代码
2018/08/27 Javascript
JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】
2020/05/23 Javascript
全面了解python字符串和字典
2016/07/07 Python
python中的格式化输出用法总结
2016/07/28 Python
浅谈python字典多键值及重复键值的使用
2016/11/04 Python
python 开发的三种运行模式详细介绍
2017/01/18 Python
让python 3支持mysqldb的解决方法
2017/02/14 Python
Python机器学习k-近邻算法(K Nearest Neighbor)实例详解
2018/06/25 Python
Python numpy数组转置与轴变换
2019/11/15 Python
使用python接受tgam的脑波数据实例
2020/04/09 Python
详解如何在PyCharm控制台中输出彩色文字和背景
2020/08/17 Python
初中数学教学反思
2014/01/16 职场文书
感恩节活动方案
2014/01/27 职场文书
售后求职信范文
2014/03/15 职场文书
4S店销售内勤岗位职责
2015/04/13 职场文书
党性修养心得体会2016
2016/01/21 职场文书
护士工作心得体会
2016/01/25 职场文书
Python关于OS文件目录处理的实例分享
2021/05/23 Python
Python干货实战之八音符酱小游戏全过程详解
2021/10/24 Python
vue3获取当前路由地址
2022/02/18 Vue.js