建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

jQuery EasyUI 的EasyLoader功能介绍

时间:2010-09-11 22:10来源: 作者: 点击:
jQuery EasyUI是一款基于JQuery的UI快速搭建组件。今天介绍下EasyLoader的功能。

jQuery EasyUI是一款基于JQueryUI快速搭建组件。今天介绍下EasyLoader的功能。

EasyLoader是可以动态加载脚本和CSS文件,也可以动态加载EasyUI已有组件

需要引用EasyLoader.js文件,注意:这里就不需要引用jquery.easyui.min.js文件了。

比如需要加载linkbutton组件,则可以用下面的两种方式来加载:  示例代码: /Files/lfzx_1227/EasyUI.EasyLoader.rar

第一种通过设置class来实现:

class设置了easyui-组件名,easyloader就会自动动态加载相应的组件

  <a href="#" class="easyui-linkbutton" onclick="load1()">加载日历</a>

   只要

第二种通过脚本来实现

  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事件可以用于提示用户可以使用组件了。

 

 

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片