0

我刚刚开始玩 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 错误)


JSFiddle

4

1 回答 1

0

你应该可以用类似的东西来做到这一点

var myButton = dijit.byId('getmail');
myButton.on('click', function(){ alert('clicked') });

我的猜测是,当您获取按钮时,您混淆了 dojo.byId 和 dijit.byId - 当您连接小写的“onclick”时,常规 DOM 节点可以工作,但小部件会触发驼峰式“onClick”事件(区别是因为 dijit 会触发一些键盘事件,用于可访问性)。

然而,对于较新版本的 Dojo,最好远离 dojo.connect,而只使用我展示的更简单的“.on”API。


啊,在我忘记之前,您似乎也忘记了运行 Dojo 解析器(或将 parseOnLoad 设置为 true),因此从未创建过按钮。你能在 JSFiddle 上提供一个完全可执行的例子吗?

于 2012-07-03T14:17:03.097 回答