日期:2014-05-16 浏览次数:20369 次
原文地址:http://www.cnblogs.com/lfzx_1227/archive/2010/09/11/1824082.html
?
本人增补内容(黑体表示要手动修改):
easyloader = {??
??????????
??????? // 各个模块文件的定义,包括js、css和依赖模块??
??????? modules:modules,??
??????????
??????? // 国际化资源文件??
??????? locales:locales,??
??????????
??????? // jquery-easyui的根目录,在加载easyloader时,会自动根据你放置的位置而改变??
??????? base:'.',??? 【本人放置位置:'js/easyUi/'】
??????????
??????? // 控件的主题,一共就有两个,在theme目录中。还有一个gray主题,浅灰色的,很难看。??
??????? theme:'default',??
??????????
??????? // 这是一个开关变量,控制easyloader加载模块时,要不要加载相应的css文件,默认是需要加载的??
??????? css:true,
?
???????? // 国际化语言,可以根据window.navigator.language或者window.navigator.userLanguage来获取当前浏览器的语言。??
??????? // 有两个属性,主要因为IE浏览器只认识userLanguage和sysLanguage,万恶的IE浏览器啊!??
??????? locale:null, 【官方文件为null,中文使用:'zh_CN'】
?
---------------以下是转载内容 -----------------------------------------
?
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事件可以用于提示用户可以使用组件了。