topic Re: Attach multiple events in Web AppBuilder Custom Widgets Questions

Attach multiple events

RiverTaig1 — Tue, 27 Jan 2015 23:55:02 GMT

In my widget, I have successfully hooked up a dojo on-click listener to an HTML Select control using data-dojo-attach-event like so...

... more code ...

But what I really want to do is also add an event handler for the onchange event as well (in addition to onclick). How can I add two or more event handlers?

something like this doesn't work

Re: Attach multiple events

RobertScheitlin__GISP — Wed, 28 Jan 2015 02:44:57 GMT

River,

I never figured out if this could be done so I just added the additional events in my code and not the html.

Re: Attach multiple events

RiverTaig1 — Wed, 28 Jan 2015 20:16:04 GMT

Thanks Robert - I'm such a Dojo and Javascript newbie, I'm not quite sure what that would look like. Do you somehow attach an event handler in widget.js using Dojo? Could you provide a code snip?

Re: Attach multiple events

KenBuja — Wed, 28 Jan 2015 20:44:50 GMT

In the Dojo documentation, the section on Event Attachments uses a slightly different syntax.

This is a comma-delimited string of key/value pairs (separated by colon); the key is the native DOM event to attach a handler to, and the value is the name of your widget's method to execute when that event is fired.

data-dojo-attach-event="onmouseenter:_onHover,onmouseleave:_onUnhover,ondijitclick:_onClick"

Re: Attach multiple events

RiverTaig1 — Thu, 29 Jan 2015 17:56:11 GMT

Thank you Ken - that worked perfectly. I guess it was just the pattern of using semi-colons for css delimiters that had me confused. Thanks for the link to the Dojo documentation too (it can be a little overwhelming!).