Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jQuery EasyUI 的EasyLoader功能介绍

jQuery EasyUI 的EasyLoader功能介绍

发布时间:2013-08-01   编辑:www.jquerycn.cn
jQuery EasyUI是一款基于JQuery的UI快速搭建组件。今天介绍下EasyLoader的功能。
jquery EasyUI是一款基于JQuery的UI快速搭建组件。今天介绍下EasyLoader的功能。

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

您可能感兴趣的文章:
jQuery EasyUI 的EasyLoader功能介绍
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
Jquery easyui 下loaing效果示例代码
Jquery通过Ajax方式来提交Form表单的具体实现
Jquery插件easyUi表单验证提交(示例代码)
Jquery easyUI 更新行示例
jquery easyui 对于开始时间小于结束时间的判断示例
jquery如何根据值设置默认的选中项
jquery easyui中treegrid用法的简单实例
jquery easyui combobox模糊过滤(示例代码)

[关闭]