topic Re: Cancel Sketch Update in JS API 4 in ArcGIS JavaScript Maps SDK Questions

Cancel Sketch Update in JS API 4

JeromeCauchon — Wed, 21 Aug 2019 20:52:13 GMT

Is there a way to cancel a sketch during an update. I want to cancel update operation based on a condition.

const sketch = new Sketch({
   layer: layer,
   view: view
});
sketch.on('update', event => {
      // if something
sketch.cancel();
})

Here's a CodePen of what i'm trying to achieve. Cancel Sketch Update

Thanks

Re: Cancel Sketch Update in JS API 4

Noah-Sager — Wed, 21 Aug 2019 21:02:41 GMT

I don't think I understand the question. It seems that the codepen does exactly what your post is asking for; it cancels the sketch when the user attempts to update (reshape) the sketch.

Re: Cancel Sketch Update in JS API 4

JeromeCauchon — Thu, 22 Aug 2019 11:43:14 GMT

I have some graphics on my layer that i don't want to be editable. So when i click on one of them, i want to escape the sketch mode. Is it more clear?

Re: Cancel Sketch Update in JS API 4

UndralBatsukh — Thu, 22 Aug 2019 15:59:16 GMT

Hi there,

I'd suggest adding attributes to your graphics to determine which graphics can be updated or which ones are not allowed to be updated. Then in the sketch's update event, check the selected graphic's attributes to see if the update is allowed. If not then call cancel. This test app should show the general concept.

Hope this helps,

-Undral

Re: Cancel Sketch Update in JS API 4

JeromeCauchon — Fri, 23 Aug 2019 18:18:02 GMT

Thanks Undral. I tried your test app but even if you cancel the sketch, the sketch box remains on the layer. I tried the reset function too and i have the same behavior.

Re: Cancel Sketch Update in JS API 4

UndralBatsukh — Fri, 23 Aug 2019 19:29:51 GMT

Hi there,

So there is a timing issue with sketch update event. We will work on this for 4.13. In meantime, you can wrap the sketch.cancel in setTimeout function. You will see the graphic being selected before it is unselected.

setTimeout(function() {
sketch.cancel();
},100);

If the approach above does not work then you can set SketchViewModel's updateOnGraphicClick property false, then add your own hittest logic for updating graphics. This sample shows how to use custom hittest logic for updating graphics.

Re: Cancel Sketch Update in JS API 4

JeromeCauchon — Mon, 26 Aug 2019 11:18:53 GMT

Tanks Undral.