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

Cancel Sketch Update in JS API 4

JérômeCauchon

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

Encuentra más publicaciones etiquetadas con

Accepted answers

All comments

JérômeCauchon

Tanks Undral.

UndralBatsukh

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.

JérômeCauchon

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.

UndralBatsukh

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

JérômeCauchon

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?

Noah Sager

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.

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

Todas las Comunidades
Publicaciones Recientes
Contenido Seguido
Ayuda de la Comunidad

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