AJAX Libraries API の Dojo を使うときの基本

軽い気持ちで Dojo を使おうとして意外にはまったのでメモ。
何はともあれ、公式ドキュメント→http://code.google.com/intl/ja/apis/ajaxlibs/documentation/#dojo
さらに…

  • djConfig の "parseOnLoad: true" は必須なので、google.load の前で設定する。
<script type="text/javascript">
//<![CDATA[
djConfig = {parseOnLoad: true, baseUrl: "./", isDebug: false, useXDomain: true};
google.load("dojo", "1.2.3");
//]]>
</script>

parseOnLoad 以外は、元から設定したパラメータを指定し直しただけ。

  • css のインポートが必要
  • body にて、class 指定が必要
<body class="tundra">
  • TabContainer を使うときは、style でサイズ指定が必須
<div id="mainview" dojoType="dijit.layout.TabContainer" style="width:500px;height:100px">
</div>

正確には、dijit を使おうとしたとき、かな。