topic Re: the programmatically defined click event for template does not work in ArcGIS JavaScript Maps SDK Questions

the programmatically defined click event for template does not work

Mariagomez1 — Tue, 11 Apr 2017 04:53:40 GMT

Hi ,in a template based widget, I have a table in a template and the table’s body will be constructed

In my widget using domConstruct.

The problem is that The click event of “a” element does not work. Actually nothing happens when I click on it and the logging does not show any error or massage.( the other click events in My template work fine) the problem only is with this event that is made using domConstruct programmatically.please help me.

As I told everything work fine, the template widget work fine .the only problem is the below click event that does not work.

Thanks in advance

for (var i = 0; i < result.features.length; i++) {

domConstruct.place(lang.replace('<tr><td><a class="zoomto" data-dojo-attach- event="ondijitclick:zoomto">{t0}</a></td><td>{t1}</td><td>{t2}</td><td>{t3}</td></tr>',{

t0:i + 1,

t1:result.features.attributes.rent,

t2:result.features.attributes.OBJECTID,

t3:result.features.attributes.ACCT

}), this.rowNode);

}

…..

zoomto: function () {

console.log("zoomto is clicked ");

Re: the programmatically defined click event for template does not work

Mariagomez1 — Tue, 11 Apr 2017 05:10:27 GMT

it possible that i need to parse the new nodes in table's body? if it is right, i do not know how to do it ...

Re: the programmatically defined click event for template does not work

RobertScheitlin__GISP — Tue, 11 Apr 2017 12:56:59 GMT

Maria,

"data-dojo-attach-event" is only for a templated dom element that is part of the widgets template, NOT something that dynamically add using domConstruct. In your case you just need to add a "onclick".

Re: the programmatically defined click event for template does not work

Mariagomez1 — Fri, 14 Apr 2017 05:38:03 GMT

Hi Robert, Thank you, you always help me when i encounter with a error. you are right, i should not use "data-dojo-attach-event". I actually decided to use domConstruct.create for each element in tbody separately and also i used lang.hitch for executing the event's function. i thought this explanations might help a person.

Re: the programmatically defined click event for template does not work

naveenbesri — Mon, 20 Nov 2017 03:26:58 GMT

That was a helpful post but when i am adding onclick in the domCreate, it is searching in the index.html and showing an error _customfunction() is not defined in the index page.

I can't use lang.hitch functions for the events cause i have to add the same element multiple times...

Please help me on this.

Cheers,
Naveen

Re: the programmatically defined click event for template does not work

naveenbesri — Mon, 20 Nov 2017 05:02:36 GMT

Got the solution.. I created the below code ...

on(query('id'), "click", lang.hitch(this, this.customFunction))