dojo動態連接onclick事件以下拉列表項

Question

我有一個搜索框發送ajax請求，以從JSON responseText創建項目的下拉列表。 我想將每個項目鏈接到“ onclick”事件。 但是，使用下面的代碼，當我的下拉列表出現時，我的所有事件都同時發生（即使單擊也不發生）。

function getDropDownList(jso){
    if (jso.errorCode == 0){
        var result = document.createElement("div");
            result.className = "resultList";

        for (var i = 0 ; i < jso.resultats.length && i < 7; i++){
            var item           = document.createElement("div");
                item.className = "item";
                item.innerHTML = jso.results[i].name + ' (' + jso.results[i].localities + ')';

            result.appendChild(item);

            dojo.connect(item, 'onclick', myEventHandler);
        }
     myToolBar.appendChild(result);
     }
}

有人可以幫我弄清楚這個方案有什么問題嗎？

Answer 1

我建議使用dojo / on和AMD負載。

//this is a way
require(["dojo/query","dojo/domReady!"], function(query){
    //Use "dojo/request" if you need Send a request.
    var result  = dojo.create("div", {class:"resultList"}, null);
    //for()...... or import "dojo/_base/array" and make forEach
    query(dojo.create('div',
                    { innerHTML: jso.results[i].name + ' (' + jso.results[i].localities + ')',
                  class:"item"//other parameters here!.
                            }, null))
    .onclick(function(e){ console.log('clicked', e.target); })//or call myEventHandler
    .place(result);
    //End for
    query(result).place('#myToolBar');//add result to Dom element with id myToolBar
    });

有關Dojo事件的更多信息，請參見此處 。

問候