jQuery EasyUI之EasyLoader使用

標籤：io   使用   ar   strong   檔案   sp   on   cti   ad   

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事件可以用於提示使用者可以使用組件了。 

jQuery EasyUI之EasyLoader使用