我刚刚开始玩 Dojo。我只是想在单击 Dijit ComboButton 的 DropDownMenu 中的项目时显示一个对话框。我尝试使用 dojo.connect 将 onclick 事件与一个函数相关联,该函数将简单地显示一个包含项目中包含的文本的对话框,但没有成功。
我设法让它以一种可怕的方式工作。现在所有的工作实际上都是手动写入 onclick 属性的。我显然在这里误解了一些东西。这是我目前拥有的:
JS:
require(["dijit/form/Button", "dijit/form/FilteringSelect", "dijit/DropDownMenu", "dijit/MenuItem"]);
//if the following is defined inside dojo.ready, nothing happens
function getmail(text)
{
alert('No mail from '+text);
}
dojo.ready(function(){
//the following does nothing:
dojo.connect(dojo.query(".dijitMenuItemLabel"), "onclick", function(evt) {
console.log("mail item clicked");
alert('Blah');
//dojo.stopEvent(evt);
});
});
HTML:
<form method="POST">
<div data-dojo-type="dijit.form.ComboButton" id="getmail">
<span>Get All Mail</span>
<div data-dojo-type="dijit.DropDownMenu">
<div data-dojo-type="dijit.MenuItem"
data-dojo-props="onClick:function(){getmail(dojo.trim(dojo.query('.dijitMenuItemLabel', this.domNode)[0].innerHTML))}">
Yahoo</div>
<div data-dojo-type="dijit.MenuItem">Google</div>
</div>
</div>
</form>
我显然对 Dojo 有什么误解?
(或者也许我犯了简单的 JavaScript 错误)