nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Suspending Identify while using Draw Toolbar

Anonymous User

Is it possible to suspend the identifyTask initiated via: "dojo.connect(map,"onClick",executeIdentifyTask);" when the user clicks on a button from the Draw toolbar? That is without having to create a separate Identify button on the toolbar?

Thanks!

RGibson

Vind meer berichten getagd met

Accepted answers

danbecker

I attempted this but to no avail....and ideas?

<button data-dojo-type="dijit.form.Button" data-dojo-props="onClick:function(){toolbar.activate(esri.toolbars.Draw.POLYLINE);map.hideZoomSlider();dojo.disconnect(handler);}">Polyline</button>

I'd put the function up in the js and remove it from your html markup. i'm doing something very similar, disabling onClick listener, enabling onMouseOver listener when load, then the opposite when identify button is clicked. search for my thread "onMouseOver onMouseOut" and you can see my markup.

something like this

//globals var handler; //var to hold event listener var map; var toolbar;  function init(){     //define map here     //define toolbar here     handler = dojo.connect(map,"onClick",executeIdentifyTask); }  function initToolbar(){     dojo.disconnect(handler);     toolbar.activate(esri.toolbars.Draw.POLYLINE);     map.hideZoomSlider(); }  dojo.addonload(init);  <button data-dojo-type="dijit.form.Button" data-dojo-props="onClick:initToolbar()">Polyline</button>

All comments

Anonymous User

Okay, figured this out. Thanks to everyone. The code supplied by dbecker88 is essentially correct but with one revision:

<button data-dojo-type="dijit.form.Button" data-dojo-props="onClick:initToolbar()">Polyline</button>

SHOULD BE

<button data-dojo-type="dijit.form.Button" data-dojo-props="onClick:function(){initToolbar();}">Polyline</button>

Thanks again for the assistance.

Anonymous User

Gave this a try but the "initToolbar" function is firing as the page loads and not when the button is clicked. And I did place the initToolbar function outside of the "init" function. Thanks.

danbecker

I attempted this but to no avail....and ideas?

<button data-dojo-type="dijit.form.Button" data-dojo-props="onClick:function(){toolbar.activate(esri.toolbars.Draw.POLYLINE);map.hideZoomSlider();dojo.disconnect(handler);}">Polyline</button>

//globals var handler; //var to hold event listener var map; var toolbar;  function init(){     //define map here     //define toolbar here     handler = dojo.connect(map,"onClick",executeIdentifyTask); }  function initToolbar(){     dojo.disconnect(handler);     toolbar.activate(esri.toolbars.Draw.POLYLINE);     map.hideZoomSlider(); }  dojo.addonload(init);  <button data-dojo-type="dijit.form.Button" data-dojo-props="onClick:initToolbar()">Polyline</button>

Anonymous User

I attempted this but to no avail....and ideas?

<button data-dojo-type="dijit.form.Button" data-dojo-props="onClick:function(){toolbar.activate(esri.toolbars.Draw.POLYLINE);map.hideZoomSlider();dojo.disconnect(handler);}">Polyline</button>

derekswingley1

Yes, you'd use your handler variable. Since you need to reference it outside of the function where it's defined, handler needs to be global (or it need to be a property a global object).

I know we do it in some of our samples, but it's generally a bad idea to inline your JS with your markup. Changes (and down the road, maintenance) are much easier when your markup, CSS and JS are each in their places/files.

Anonymous User

Thanks, Derek for the fast response.

I have attempted:

var handler = dojo.connect(map, "onClick", executeIdentifyTask);

How would I then utilize this variable? Maybe here somewhere?:

<button data-dojo-type="dijit.form.Button" data-dojo-props="onClick:function(){toolbar.activate(esri.toolbars.Draw.POLYGON);map.hideZoomSlider();}">Polygon</button>

Thanks again!

RGibson

derekswingley1

Yes, dojo.connect returns a handle that you can pass to dojo.disconnect to disconnect an event listener. In this case, pass the handle returned by dojo.connect to dojo.disconnect just before you call toolbar.activate. When you call toolbar.deactivate, re-connect your identify click event listener (and save a reference to the return value of dojo.connect).

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.