Dojo中点击button弹出一个dialog

前端之家收集整理的这篇文章主要介绍了Dojo中点击button弹出一个dialog前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

<button id="options" dojoType="dijit.form.Button" iconClass="mailIconOptions">
&nbsp;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>

猜你在找的Dojo相关文章