Есть ли в Dojo эквивалент jQuery.trigger ()?

Question

В jQuery вы можете сделать это:

$('#myElement').trigger('change');

Как мне это сделать в Dojo?

Answer 1

Метод dojo on.emit (1.7+) можно использовать для запуска события на узле dom.Со страницы документации:

require(["dojo/on"], function(on){
    // register event handler
    on(target, "mouseup", function(e){
        // handle event
    });

    // Send event
    on.emit(target, "mouseup", {
        bubbles: true,
        cancelable: true
    });
});

Answer 2

Я не думаю, что Dojo имеет схожую функциональность, по крайней мере, насколько я знаю / могу найти.Но вы можете использовать код, подобный следующему, для репликации этой функции:

dojo.addOnLoad(function() {

    var button = dojo.byId("myButton");
    dojo.connect(button, "onclick", function() { alert("Clicked!"); });

    // IE does things differently
    if (dojo.isIE)
    {
        button.fireEvent("onclick");
    }
    else
    { // Not IE
        var event = document.createEvent("HTMLEvents");
        event.initEvent("click", false, true);
        console.debug(event);
        button.dispatchEvent(event);
    }
});

Конечно, немного более многословно, но вы сможете создать свою собственную версию триггера Dojo с его помощью.*

Попробуйте

Answer 3

Для определенных виджетов dijit и определенных событий djit (например, onChange) вы можете де-факто вызвать триггер, вызвав имя события.

Answer 4

Я недавно наткнулся на механизм публикации / подписки в Dojo, и я думаю, что это аналог jQuery-привязки / триггера.

Ссылки:

• События с Dojo (v1.6)
• dojo.publish справочник

Answer 5

PlugD имеет dojo.trigger и более: https://github.com/phiggins42/plugd

Answer 6

Да, вы можете вызвать событие для элемента DOM в Dojo следующим образом:

dojo.byId("myElement").onChange();

Answer 7

Как упоминалось в последнем комментарии, доступ к dijit как к чистому DOM-объекту через dom API.

require(["dojo/dom",
        'dojo/on',
        "dojo/domReady!"], function (dom, on) {

        //Does not work
        //registry.byId('myButton') 
        //registry.byId('myButton').domNode
  
        //Proper way
        on.emit(dom.byId('myButton'), "click", {
                bubbles: true,
                cancelable: true
        });

});