How to create new widget html nodes (objects) that call a function in widget.js when clicked

Question

Hello,

I am looking for pointers on how to create new html nodes (objects) that call a function in widget.js when clicked. I can add new buttons through javascript and add a click event to a javascript function, but cannot seem to fire a function that is within widget.js  I'm sure this is fairly straight forward, but was hoping to get some help from seasoned programmers on how to do it and best practices.

It seems like an html button that is already there when the widget opens can fire use functions in widget.js, but new ones are causing me a problem.

Any and all help would be greatly appreciated.

thanks,

Mike

MikeWottrich · Answer

Thank you Previn.

I will let you know how it goes.

Mike

PrevinWong1 · Answer

Mike,

When you create your dynamic feature list, you need to lang.hitch them during that time otherwise run time, the scope will be off as you mentioned.

this.own(on(Node, 'click', lang.hitch(this, "MyWidgetJSFunctionInTheseQoutes", param1, param2, etc)));

Hope this helps.

MikeWottrich · Answer

Thanks for replying Robert.

Basically, I am creating a list(s) of selected features that the user should be able to remove from a given list and/or zoom to (review) before submitting. The list(s) of features may will come from different layers and will be appended to as required. Essentially, it is a very dynamic list of selected features. I can add a 'Zoom To' button to the widget that will act on a selected feature from the list which has "data-dojo-attach-point" and "data-dojo-attach-event" already assigned so I can make the actions happen, but I thought it would be more intuitive for the user to have a zoom button per feature.

I beleive you are correct about it being a scoping issue and will do some more review in that area before continuing. I am not using lang.hitch at the moment.

Thanks again for your help and I will let you know how it goes.

Mike