Define custom event listener in dart code, not html markup

Question

In this useful post we can learn how to listen to dispatched custom events by way of inline markup in the template: How do I fire a custom event from Polymer Dart? I wonder if it's possible to do the same in the dart-script when custom elements are dynamically created, like this:

var myElement = new Element.tag('my-element');

possible duplicate of How do you register for custom events in Dart using the new streams API — Günter Zöchbauer
– Günter Zöchbauer, Commented Feb 14, 2014 at 10:33
The referenced question is not about polymer so I added an answer. — Günter Zöchbauer
– Günter Zöchbauer, Commented Feb 14, 2014 at 10:49

Günter Zöchbauer · Accepted Answer · 2014-02-14 10:48:32Z

4

You need for each event handler in your component an EventStreamProvider (static)
and a getter for easy access.

static const EventStreamProvider<CustomEvent> logoutEvent = 
    const EventStreamProvider<CustomEvent>("my-logout");
Stream<CustomEvent> get onLogout =>  MyElement.logoutEvent.forTarget(this);

You fire an event like

this.dispatchEvent(new CustomEvent("my-logout", detail: {'someData': 'bla'}));

// Polymer provides a shortcut for this
fire('my-logout', detail: {'someData': 'bla'});

You subscribe to this event like

mySesson.onLogout.listen((e) => doSomething());

answered Feb 14, 2014 at 10:48

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

burktelefon Over a year ago

Just a little note. I suppose 'mySesson' is a little copy/paste typo. It's supposed to be the dynamically created custom element.

Günter Zöchbauer Over a year ago

I just used a name that fit with the example logout event. That is just the name of a variable referencing a component.

Collectives™ on Stack Overflow

Define custom event listener in dart code, not html markup

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related