jQueryのEasyLoader関数の紹介 EasyUI_jquery

EasyLoader はスクリプトと CSS ファイルを動的にロードでき、既存の EasyUI コンポーネントも動的にロードできます。

EasyLoader.js ファイルを参照する必要があります。 注: jquery.easyui.min を参照する必要はありません。 .js ファイルはこちらです。

たとえば、linkbutton コンポーネントをロードする必要がある場合、次の 2 つの方法でロードできます:

最初の方法は、クラスを設定することで実現されます:


カレンダーをロード
クラスが easyui を設定している限り-コンポーネント名、easyloader は自動的に対応するコンポーネントを動的にロードします

2 番目の方法はスクリプトを通じて実装されます:

using('calendar', function () {alert( "読み込み成功!") } ; easyloader.loadメソッドの略称です。


共通属性:


1) ロケール: ローカリゼーション
使用法: easyloader.locale = "zh_CN"; // ローカリゼーション設定

2) テーマ: テーマ

使用法: easyloader.theme = "gray" // テーマを設定



イベント:

;
1) onProgress: 各コンポーネントがロードされた後にトリガーされます
2) onLoad: onProgress イベントの後にトリガーされ、すべてのコンポーネントと関連コンポーネントがロードされたときにトリガーされます
両方 違いがわかりますonProgress イベントは進行状況を表示するために使用でき、onLoad イベントはコンポーネントが使用可能であることをユーザーに通知するために使用できます。

サンプルコード:
EasyUI.EasyLoader.rar