Y.Node addTarget event not bubbling

Question

Why isn't my event fired in foo bubbling up to bar?

var foo = Y.one(".foo"),
    bar = Y.one(".bar");

foo.addTarget(bar);

foo.on("myEvent", function () {
    //this log statement executes
    Y.log("In foo listener");
});

bar.on("myEvent", function () {
    //this log statement doesn't execute.
    //I don't understand why.  I think it
    //should because I expect myEvent to 
    //bubble from foo to bar since I used
    //addTarget
    Y.log("In bar listener");
});

foo.fire("myEvent");

JS Fiddle: http://jsfiddle.net/steaks/tJnLf/

score 2 · Accepted Answer · answered Aug 08 '13 at 05:01

You have to publish myEvent from foo and set emitFacade to true. http://yuilibrary.com/yui/docs/event-custom/#facade

http://jsfiddle.net/tJnLf/27/

YUI().use('event-custom', 'node', function(Y) {
    Y.on('domready',function(e) {   
        var foo = Y.one(".foo"),
            bar = Y.one(".bar");

        foo.publish("myEvent", {
            emitFacade: true
        });

        foo.addTarget(bar);

        foo.on("myEvent", function () {
            Y.log("In foo listener");
        });

        bar.on("myEvent", function () {
            Y.log("In bar listener");
        });

        foo.fire("myEvent");
    });
});

Thanks! I was just about to write this answer. – Steven Wexler Aug 08 '13 at 05:01 — Steven Wexler, Aug 08 '13 at 05:01

Y.Node addTarget event not bubbling

1 Answers1