<script>
function select_setVal1(val){
dojo.byId('value1').value=val;
}
</script>
<b>コンボボックス</b>
<p> 東、西、北、南のどれかを打ってみてください。<br/>
フィルタ機能もオンにしてます
</p>

<select name="state3" dojoType="Select" style="width:250px;"
autocomplete="false" onValueChanged="select_setVal1">
<option value="南北">南北</option>
<option value="東西">東西</option>
<option value="東京">東京</option>
<option value="東口">東口</option>
<option value="西口">西口</option>
<option value="南口">南口</option>
<option value="北口">北口</option>
<option value="東口">東口</option>
<option value="西区">西区</option>
<option value="南区">南区</option>
<option value="北区">北区</option>
</select>
<br>
<div>Value: <input id="value1" disabled></div>
<form name="_dojo_form" style="display:none" disabled="true">
<textarea name="stabile" cols="80" rows="10"></textarea>
</form>

<b>チェックボックス</b><br>
<input type="checkbox" name="cb0" id="cb0" />
<label for="cb0">普通の checkbox</label>
<br>
<input type="checkbox" name="cb1" widgetId="cb1" value="foo" dojoType="Checkbox">
<label for="cb1">dojoのcheckbox(未選択)</label>
<br>
<input type="checkbox" name="cb2" id="cb2" dojoType="Checkbox" checked="checked"/>
<label for="cb2">dojoのcheckbox(checked)</label>
<br>
<input type="checkbox" name="cb3" id="cb3" dojoType="Checkbox" disabled="disabled">
<label for="cb3">dojoのcheckbox(disabledで未選択)</label>
<br>
<input type="checkbox" name="cb4" id="cb4" dojoType="Checkbox" disabled="disabled" checked="checked"/>
<label for="cb4">dojoのcheckbox(disabledでchecked)</label>
<br>

<b>LayoutContainer</b>
<div dojoType="LayoutContainer" layoutChildPriority='none' id="main">
<div dojoType="ContentPane" layoutAlign="top" style="border: solid #bbbbbb;"><b>ヘッダ</b></div>
<div dojoType="ContentPane" layoutAlign="bottom" style="border: solid #bbbbbb;"><b>フッター</b></div>
<div dojoType="ContentPane" layoutAlign="left" style="border: solid #bbbbbb;"><b>左</b></div>
<div dojoType="ContentPane" layoutAlign="right" style="border: solid #bbbbbb;"><b>右</b></div>
<div dojoType="ContentPane" layoutAlign="client" style="border: solid #bbbbbb;"><b>client</b><br/>
以前、公式のデモの方（最近、公開するのやめたのかしら？）に<i>Delphi-like position of children into left/right/top/bottom/client positions.</i>と書いてありました。
何気に、社内のDelphi経験者比率が多いかと思いますのでピントきたりするのかしら？</div>
</div>

<b>ツリー</b><br>
<div dojoType="Tree" publishSelectionTopic="treeSelected" toggle="fade" widgetId="firstTree" >
<div dojoType="TreeNode" title="親" >
<div dojoType="TreeNode" title="子供１"><br/></div>
<div dojoType="TreeNode" title="子供２">
<div dojoType="TreeNode" title="子供２の子供１"></div>
<div dojoType="TreeNode" title="子供２の子供２"></div>
</div>
<div dojoType="TreeNode" title="子供３">
<div dojoType="TreeNode" title="子供３の子">
<div dojoType="TreeNode" title="めんどくさくなってきました"></div>
</div>
</div>
</div>
</div>