Delete key events

Question

Hi there,I want perform some additional actions while pressing Del key from keyboard. I also want remove node on delete but want to do something more on it so i need to identify the delete event. How can I achieve this?

Shyam G · Answer

Hi Ahman, 
 
Please use commandManager to achieve your requirement while pressing delete key on keyboard. we have created a playground link in which we have deleted the selected node/connector using command manager. Please refer to code example, playground link and help documentation below for your reference. 
 
Code example: 
$("#diagram").ejDiagram({                      
                    commandManager:{ 
                        commands: { 
                            "delete": { 
                                canExecute: function (args) { 
                                    if (args.model.selectedItems.children.length > 0) { 
                                        return true; 
                                    } 
                                }, 
                                execute: function (args) { 
                                         var diagram = $("#diagram").ejDiagram("instance"); 
                   //remove the selected node/connector 
                  diagram.remove(diagram.model.selectedItems.children[0]); 
                                    // do your custom actions 
                                }, 
                                gesture: { 
                                    key: ej.datavisualization.Diagram.Keys.Delete, 
                                } 
                            } 
                        } 
                    }, 
                      
                }); 
            }); 
 
Playground link:  https://jsplayground.syncfusion.com/y021f52s 
 
Help documentation: https://help.syncfusion.com/js/diagram/commands#command-manager 
 
Regards, 
Shyam G