YUILoader Utilityで依存モジュールをロード

YUILoader Utilityを使うとYahoo! UI Libraryのモジュールを簡単にインポートできます。

依存関係もサポート。必要な依存モジュールを芋づる式にインポートしてくれます。
Yahoo! UI Library2.3.0から追加されました。

Loggerモジュールのロード

サンプルとして、先日作成したロガーサンプルの必要モジュールをYUILoaderでロードするようにしてみます。

1.YUILoader Utilityモジュール(以下のファイル)をインポートします。

...
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <script type="text/javascript" src="http://yui.yahooapis.com/2.3.0/build/yuiloader/yuiloader-beta-min.js" ></script>
</head>
...

2.ローダーを作成します。
3.YAHOO.util.YUILoader#require()でロードするモジュールを名前で指定します。

- 名前の一覧はYUIのサイトにあります。

4.YAHOO.util.YUILoader#insert()でモジュールがロードされます。ロード完了後、引数で指定した関数が実行されます。

// ローダーを作成
var loader = new YAHOO.util.YUILoader();
loader.require("logger"); // ロガーをロード
loader.insert(function() { // 挿入。挿入後に引数の関数が実行される。

    // ログリーダーを貼り付ける。
    new YAHOO.widget.LogReader();
    YAHOO.log("mii",   "warn");
    YAHOO.log("tora",  "error");
    YAHOO.log("shiro", "info");
    YAHOO.log("kuro",  "time");

});

確認はこちらから