詳解! Dojo Toolkit 1.0(Dijit編) - ウィジェットプログラミングのツボ

Dojoのサンプルなどを見ていると、今回紹介したスクリプトタイプ「dojo/connect」ではなく、「dojo/method」を利用している場面も多く見かける。dojo/connectとdojo/methodの違いはそれほど重要ではないが、知っておいたほうが良い。

dojo/connect……dojo.connect()を使用してイベントハンドラを接続する
dojo/method……メソッドを直接「オーバーライド」する

この2つの違いは、複数のイベントハンドラをウィジェット内に定義してみるとよくわかる。以下のように、dojo/connectを用いたイベントハンドラを複数定義すると、各ハンドラがdojo.connect()を用いてイベントに接続されるので、どちらの処理も実行される。

      <div id="button" dojoType="dijit.form.Button" label="クリックして!">
        <script type="dojo/connect" event="onClick" args="ev">
          alert("イベント1");
        </script>

        <script type="dojo/connect" event="onClick" args="ev">
          alert("イベント2");
        </script>
      </div>

dojo/method (実は、"method"の部分は"connect"以外なら何でもよい) の場合は、個々のイベントハンドラが以前のハンドラを「上書き」するので、以下のコードは、ボタンクリック時に2番目のイベントハンドラしか実行されない。

      <div id="button" dojoType="dijit.form.Button" label="クリックして!">
        <script type="dojo/method" event="onClick" args="ev">
          alert("イベント1");
        </script>

        <script type="dojo/method" event="onClick" args="ev">
          alert("イベント2");
        </script>
      </div>