Disable unselection in sketchviewmodel

ae

Hi, 

I'm using sketchviewmodel to build a custom editing experience.

In my application I want to force the user to only update a single graphic. It should not be possible to click outside the graphic to cancel/complete the update operation. Unfortunately I cannot seem to disable the behaviour where a graphic is unselected when the user clicks outside the graphic. I've tried listening to the click event on the mapview and calling stopPropagation, but that doesn't seem to have an effect as the graphic is still unselected when I click outside it.

Does anyone know a way to disable the cancel/complete events that fires when clicking outside a graphic that is being updated using the sketchviewmodel? 

FreddyBroring

public startEdit() {
    this.history = null;
    this.updateHandle = this.sketchViewModel.on('update', this.onGraphicUpdate.bind(this));
}

private onGraphicUpdate(event) {
    const graphic: __esri.Graphic = event.graphics[0];

    if (event.state === 'complete' || event.state === 'cancel') {
       this.sketchViewModel.update([graphic], {
          tool: 'reshape',
       });
       return;
    }
 }

This should work (notice that this is Typescript). 

If you want to take the undo stack to the newly started update session you have to do some hacking on the sketchViewModel and save the history (not recommended):

public startEdit() {
    this.updateHandle = this.sketchViewModel.on('update', this.onGraphicUpdate.bind(this));
}

private onGraphicUpdate(event) {
    const graphic: __esri.Graphic = event.graphics[0];

    if (event.state === 'complete') {
        this.sketchViewModel.update([graphic], {
            tool: 'reshape',
        });

        if (this.history && (this.sketchViewModel as any)._operationHandle) {
            (this.sketchViewModel as any)._operationHandle.history = this.history;
        }
        return;
    }

    this.history = (this.sketchViewModel as any)._operationHandle.history;
}

 (hope Esri will support this in a future release):