読者です 読者をやめる 読者になる 読者になる

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");



でボタン完成。
イベントも同タグ内に埋め込めてわかりやすい♪

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よりシンプル。。。