<button id="options" dojoType="dijit.form.Button" iconClass="mailIconOptions">
Options
<script type="dojo/method" event="onClick">
dijit.byId('optionsDialog').show();
</script>
</button>
<div dojoType="dijit.Tooltip" connectId="options">Set various options</div>
=======================================================================================
<div dojoType="dijit.Dialog" id="optionsDialog" title="Options:">
<table>
<tr><td style="text-align:right;"><label for="option1">Transport type:</label></td><td>
<select id="option1" dojoType="dijit.form.FilteringSelect">
<option value="pop3">POP3</option>
<option value="imap">IMAP</option>
</select></td></tr>
<tr><td style="text-align:right;"><label for="option2">Server:</label></td><td><input id="option2" dojoType="dijit.form.TextBox" type="text">
</td></tr>
<tr><td style="text-align:right;"><input type="checkbox" id="fooCB" dojoType="dijit.form.CheckBox"></td><td><label for="fooCB">Leave messages on Server</label></td></tr>
<tr><td style="text-align:right;"><input type="checkbox" id="fooCB2" dojoType="dijit.form.CheckBox"></td><td><label for="fooCB2">Remember Password</label></td></tr>
<tr><td colspan="2" style="text-align:center;">
<button dojoType="dijit.form.Button" type="submit" iconClass="mailIconOk">OK</button>
<button dojoType="dijit.form.Button" type="submit" iconClass="mailIconCancel">Abort</button>
</td></tr>
</table>
</div>
转载于:https://blog.51cto.com/zhaojianping/486794