dojo toolkitやってみる 4 - H2Databaseを追っかけていたりしたブログ

モジュールを作ってみます。

以下のような構成です。

f:id:ysobj:20130225234736p:plain

sample7.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Tutorial: Hello Dojo!</title>
  </head>
  <body>
    <h1 id="greeting">Hello</h1>
    <!-- load Dojo -->
    <script src="dojo/dojo.js"
      data-dojo-config="async: true"></script>
    <script>
      require(['ysobj/hello','dojo/domReady!'], function(hello){
        hello.change();
      });
    </script>
  </body>
</html>

ysobj/hello.js

define(
    ['dojo/dom','dojo/domReady!'],
    function(dom){
      return {
        change: function(){
          var x = dom.byId('greeting');
          x.innerHTML = 'Hello World';
        }
      };
    });

まぁ、あまり元にしたsample1と変わりませんが、こんな感じでdojo toolkitではモジュール化する事が出来ます。