topic Re: onClick listener in ArcGIS JavaScript Maps SDK Questions

onClick listener

TimWitt — Mon, 28 Apr 2014 14:31:51 GMT

Hey everybody,

I am playing around with an onClick listener and I am stuck. I am writing my whole application in AMD style.

For an easy example I just wanted an alert message to popup when I click on the map, when a button is toggled to true. When the button is toggled to false I don't want the alert to popup when I click the map.

Here is the code I have so far:

      var identifyListener;               function activateIdentify(){         if (dom.byId("identifyDiv").checked) {           identifyListener = map.on("click", executeIdentifyTask);         }          else {           identifyListener.remove();         }       }              function disableIdentify() {         dom.byId("identifyDiv").unchecked;         identifyListener.remove();       }              function executeIdentifyTask(){         alert("Click");       };

And here is the corresponding button:

<div id="Button1"><button id="identifyDiv" data-dojo-type="dijit/form/ToggleButton" data-dojo-props="iconClass:'dijitCheckBoxIcon', checked: false" onClick="activateIdentify();" >Identify</button> </div>

Thanks for any help!

Tim

Re: onClick listener

KenBuja — Sat, 11 Dec 2021 10:35:54 GMT

Do you have the function activateIdentify inside the require statement? If so, it's a problem of scope. What you should do is something like

on(dom.byId("identifyDiv"), "click", function (){
    activateIdentify();
});

Re: onClick listener

TimWitt — Mon, 28 Apr 2014 16:06:57 GMT

This is what I am trying to accomplish http://gis.stackexchange.com/questions/11374/toggle-identify-with-button

I am just having a hard time incorporating the answer into the example and trying to translate it into AMD.

Re: onClick listener

LuciHawkins — Mon, 28 Apr 2014 17:26:57 GMT

Hi,

You might try it this way:

var identifyListener;


      function activateIdentify(){
        if (dom.byId("identifyDiv").checked) {
          identifyListener = dojo.connect(map, "onClick", executeIdentifyTask);
        }
        else {
          dojo.disconnect(identifyListener);
        }
      }

      function executeIdentifyTask(){
        alert("Click");
      };

Luci

Re: onClick listener

TimWitt — Mon, 28 Apr 2014 17:41:09 GMT

Hey Luci,

I tried it this way, but it wouldn't work. 😞

Tim

Re: onClick listener

LuciHawkins — Mon, 28 Apr 2014 18:27:23 GMT

Do you have other onclick events happening in your app?

Re: onClick listener

TimWitt — Mon, 28 Apr 2014 18:33:32 GMT

Luci,

this is my full app http://jsfiddle.net/j76Yw/7/

Thanks for taking the time!

Tim

Re: onClick listener

TimWitt — Tue, 29 Apr 2014 11:20:20 GMT

Anybody have any idea?

Re: onClick listener

LoriGonzalez — Tue, 29 Apr 2014 11:46:17 GMT

Removing the onClick from the property from the control and connecting it in the code worked for me.

[HTML] <div id="Button1"><button id="identifyDiv" data-dojo-type="dijit/form/ToggleButton"
data-dojo-props="iconClass:'dijitCheckBoxIcon', checked: false" >Identify</button> </div> [/HTML]

dijit.byId("identifyDiv").on("click", activateIdentify)        function activateIdentify(evt) {            console.log("activating");            if (dijit.byId("identifyDiv").checked) {                identifyListener = map.on("click", executeIdentifyTask);            }            else {                identifyListener.remove();            }        }         function disableIdentify() {            dom.byId("identifyDiv").unchecked;            identifyListener.remove();        }         function executeIdentifyTask() {            alert("Click");        };

Re: onClick listener

TimWitt — Tue, 29 Apr 2014 12:06:33 GMT

Lori,

thank you!

Tim