Class UndoableAbstract

An action that can be undone and redone. For example, editing a shape (see the EditController's EditShape event).

You usually create undoables in response to an event from the API, and then add them to an UndoManager.

This example shows how to create Undoables in LuciadRIA:

/**
 * Adds sample undo/redo support to an EditController.
 * @param editController The EditController to add sample undo/redo support to
 * @param undoManager The UndoManager to add the undoable to
 */
export const addEditUndoSupport = (editController: EditController, undoManager: UndoManager = SAMPLE_UNDO_MANAGER): Handle => {
  let lastShape = editController.feature.shape ? editController.feature.shape.copy() : null;
  const editHandle = editController.on("EditShape", ({shape, status}) => {
    if (status === EditShapeStatus.FINISHED) {
      const label = `edit ${shapeToString(shape)}`;
      const newShape = shape ? shape.copy() : null;
      addChangeShapeUndoable(editController.map!, editController.layer, editController.feature, lastShape, newShape, label, undoManager);
      lastShape = newShape ? newShape.copy() : null;
    }
  });
  const restartHandle = editController.on("Restarted", () => {
    lastShape = editController.feature.shape ? editController.feature.shape.copy() : null;
  });
  const deactivateHandle = editController.on("Deactivated", () => {
    restartHandle.remove();
    editHandle.remove();
    deactivateHandle.remove();
  });
  return {
    remove: () => {
      restartHandle.remove();
      editHandle.remove();
      deactivateHandle.remove();
    }
  }
}

Copy

You can find the full source, and more examples in samples/common/core/util/SampleUndoSupport.ts.

Common events are:

• The feature.
• The feature.
• The feature.
• The feature./li>

  See the Adding undo/redo support to your application guide for more information on how to work with undo/redo in LuciadRIA.

See

UndoManager

Since

2022.1