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