How to control what is put into the dia.CommandManager undo stack?

[Ndmanh123]

Hi i have use commandManager.undo() in my jointjs demo but is also undo the toFront action so when i want to undo a el I have to press undo btn many time so i have a question can i ignore or pass the toFront and toBack when i press undo or redo

[kumilingus]

According to the documentation, you can ignore commands with the cmdBeforeAdd callback option.

const commandManager = new dia.CommandManager({
    graph,
    cmdBeforeAdd: (cmdName, cell, graph, options = {}) => {
        return !options.ignoreCommandManager;
    }
});

element.toFront({ ignoreCommandManager: true });

or

const commandManager = new dia.CommandManager({
    graph,
    cmdBeforeAdd: (cmdName) => cmdName !== 'change:z'
});

element.toFront();

---

You can also group commands together with initBatchCommand() and storeBatchCommand().

commandManager.initBatchCommand();
element.set('a', true);
element.set('b', true);
commandManager.storeBatchCommand();
// Single undo() now reverts both changes
commandManager.undo();
element.get('a') !== true;
element.get('b') !== true;

This is an equivalent to:

// Assert: element was added to the `graph`
graph.startBatch('my-batch-name');
element.set('a', true);
element.set('b', true);
graph.stopBatch('my-batch-name');