RequireJS-Dojo

Dojoは、AMDモジュールアーキテクチャに基づくJavaScriptツールキットであり、Webアプリケーションに追加機能を追加するための追加モジュールを提供し、Webアプリケーション開発プロセスの時間と規模を節約します。

例

次の例は、DojoとRequireJSの使用方法を示しています。 _indexl_という名前のhtmlファイルを作成し、それに次のコードを配置します-

<!DOCTYPE html>
<html>
   <head>
      <title>RequireJS Dojo</title>
      <script data-main="app" src="lib/require.js"></script>
   </head>

   <body>
      <h2>RequireJS  Dojo</h2>
      <p>
         Hello... ...
      </p>
   </body>
</html>

_app.js_という名前の js ファイルを作成し、その中に次のコードを追加します-

require ({
  //You can configure loading modules from the lib directory
   baseUrl: 'lib',

   paths: {
     //mapping of package
      dojo: 'http://sfoster.dojotoolkit.org/dojobox/1.7-branch/dojo'
   }

}, [
     //modules which we are using here
      'dojo/dom'
   ], function(dom) {

     //using the 'byId' method from dom module
      var mydojo = dom.byId('dojo_val')
      mydojo.innerHTML = "The text is displaying via dojo/dom";
   }
);

出力

ブラウザでHTMLファイルを開きます。次の出力が表示されます-

RequireJS Dojo

Requirejs-dojo

RequireJS-Dojo

例

出力