DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery EasyUI 的EasyLoader功能介紹
jQuery EasyUI 的EasyLoader功能介紹
編輯:JQuery特效代碼     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved