jQuery EasyUI 的EasyLoader功能介紹
EasyLoader是可以動態(tài)加載腳本和CSS文件,也可以動態(tài)加載EasyUI已有組件
需要引用EasyLoader.js文件,注意:這里就不需要引用jquery.easyui.min.js文件了。
比如需要加載linkbutton組件,則可以用下面的兩種方式來加載:
第一種通過設置class來實現:
<a href="#" class="easyui-linkbutton" onclick="load1()">加載日歷</a>
只要class設置了easyui-組件名,easyloader就會自動動態(tài)加載相應的組件
第二種通過腳本來實現:
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: 每個組件加載完成后觸發(fā)
2) onLoad:在onProgress事件后觸發(fā),當組件以及關聯組件全部加載完成后觸發(fā)
兩者的區(qū)別可以從名稱中看出端倪,onProgress事件可以用來顯示進度,而onLoad事件可以用于提示用戶可以使用組件了。
示例代碼: EasyUI.EasyLoader.rar
- JQuery EasyUI 對話框的使用方法
- jquery EasyUI的formatter格式化函數代碼
- Jquery插件 easyUI屬性匯總
- jQuery EasyUI API 中文文檔 - Dialog對話框
- Jquery EasyUI中彈出確認對話框以及加載效果示例代碼
- jquery easyui中treegrid用法的簡單實例
- JQuery EasyUI 加載兩次url的原因分析及解決方案
- jQuery前端框架easyui使用Dialog時bug處理
- jQuery EasyUI datagrid實現本地分頁的方法
- jQuery+easyui中的combobox實現下拉框特效
- jquery中EasyUI實現同步樹
- jquery Easyui快速開發(fā)總結
- jQuery EasyUI實現右鍵菜單變灰不可用效果
- jQuery EasyUI Dialog拖不下來如何解決
相關文章
jQuery實現返回頂部按鈕和scroll滾動功能[帶動畫效果]
這篇文章主要介紹了jQuery實現返回頂部按鈕和scroll滾動功能[帶動畫效果],需要的朋友可以參考下2017-07-07jquery 讀取頁面load get post ajax 四種方式代碼寫法
jquery 讀取頁面load get post ajax 四種方式代碼寫法,學習jquery的朋友可以參考下。2011-04-04