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 面向对象之命名空间
May 04 Javascript
基于node.js的快速开发透明代理
Dec 25 Javascript
jQuery+CSS 半开折叠效果原理及代码(自写)
Mar 04 Javascript
删除select中所有option选项jquery代码
Aug 12 Javascript
jquery实现用户信息修改验证输入方法汇总
Jul 18 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
Nov 19 Javascript
JS拉起或下载app的实现代码
Feb 22 Javascript
微信小程序 本地图片按照屏幕尺寸处理
Aug 04 Javascript
vue.js实现只弹一次弹框
Jan 29 Javascript
玩转vue的slot内容分发
Sep 22 Javascript
javascript实现蒙版与禁止页面滚动
Jan 11 Javascript
小程序表单认证布局及验证详解
Jun 19 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
我常用的几个类
2006/10/09 PHP
多重?l件?合查?(二)
2006/10/09 PHP
Search File Contents PHP 搜索目录文本内容的代码
2010/02/21 PHP
php SQL Injection with MySQL
2011/02/27 PHP
PHP程序开发范例学习之表单 获取文本框的值
2011/08/08 PHP
解析PHP汉字转换拼音的类
2013/06/18 PHP
thinkPHP+phpexcel实现excel报表输出功能示例
2017/06/06 PHP
JavaScript 的方法重载效果
2009/08/07 Javascript
解析John Resig Simple JavaScript Inheritance代码
2012/12/03 Javascript
jquery库或JS文件在eclipse下报错问题解决方法
2014/04/17 Javascript
纯javascript判断查询日期是否为有效日期
2015/08/24 Javascript
《JavaScript高级编程》学习笔记之object和array引用类型
2015/11/01 Javascript
全面解析Bootstrap布局组件应用
2016/02/22 Javascript
jQuery无缝轮播图代码
2016/12/22 Javascript
js实现截图保存图片功能的代码示例
2017/02/16 Javascript
js中的 || 与 &amp;&amp; 运算符详解
2018/05/24 Javascript
js cavans实现静态滚动弹幕
2020/05/21 Javascript
微信小程序自定义底部弹出框功能
2020/11/18 Javascript
Python3基础之输入和输出实例分析
2014/08/18 Python
Python中绑定与未绑定的类方法用法分析
2016/04/29 Python
python字符串替换第一个字符串的方法
2019/06/26 Python
Python 继承,重写,super()调用父类方法操作示例
2019/09/29 Python
Nike德国官网:Nike.com (DE)
2018/11/13 全球购物
Hotels.com拉丁美洲:从豪华酒店到经济型酒店的预定优惠和折扣
2019/12/09 全球购物
高二美术教学反思
2014/01/14 职场文书
金融行业职业生涯规划范文
2014/01/17 职场文书
股东合作协议书
2014/04/14 职场文书
小学生爱国演讲稿
2014/04/25 职场文书
听课评语大全
2014/04/30 职场文书
公安学专业求职信
2014/07/27 职场文书
2015年先进个人自荐书
2015/03/24 职场文书
民事代理词范文
2015/05/25 职场文书
逃出克隆岛观后感
2015/06/09 职场文书
大学军训通讯稿
2015/07/18 职场文书
导游词之金鞭溪风景区
2019/09/12 职场文书
Win10防火墙白名单怎么设置?Win10添加防火墙白名单方法
2022/04/06 数码科技