DOJO1.0のボタンとフォーム

本家を見ながらサンプル解読中。
内容は
入力フォームをDOJO dijitを使用して見よう。
というもの。

早速試してみる。
まずは以下をrequire。

dojo.require("dojo.parser");
dojo.require("dijit.form.Button");
dojo.require("dijit.form.TextBox");
dojo.require("dijit.form.CheckBox");
dojo.require("dijit.form.DateTextBox");

Hello World!
script type="dojo/method" event="onClick"
alert('You pressed the button');


でボタン完成。
ｲﾍﾞﾝﾄも同ﾀｸﾞ内に埋め込めてわかりやすい♪

input type="text" length="20" dojoType="dijit.form.TextBox"

これで簡単にﾃｷｽﾄﾎﾞｯｸｽ完成。
dojoType="dijit.form.TextBoxをつけるだけ。

input type="text" length="10" dojoType="dijit.form.DateTextBox"
これは日付選択がプルダウンで出てくる。

input type="checkbox" name="campaign" dojoType="dijit.form.CheckBox"
これでチェックボックス完成。

結構これで見た目変わるなぁ。。。
カレンダーはdojo0.4よりシンプル。。。