onClick listener

[TimWitt]

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

[KenBuja]

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();
});

[TimWitt]

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.

[LuciHawkins]

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

[TimWitt]

Hey Luci,

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

Tim

[LuciHawkins]

Do you have other onclick events happening in your app?

[TimWitt]

Luci,

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

Thanks for taking the time!

Tim

[TimWitt]

Anybody have any idea?

[LoriGonzalez · Accepted solution]

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");        };

[TimWitt]

Lori,

thank you!

Tim