Remove shapes with key 'delete' or 'backspace'

Remove shapes with key 'delete' or 'backspace'

Posted by: ricardo.aleixo on 18 June 2024, 10:38 am EST

• 

  ricardo.aleixo

  • Post Options:
  • Link
    Copy

  Posted 18 June 2024, 10:38 am EST

  Hey,

  I would like to know how I can watch all the ways to delete the shapes as an event or command appListner because I would perform some actions when a shape is removed.

• 

  priyam.kushwaha

  

  • Post Options:
  • Link
    Copy

  Posted 19 June 2024, 1:12 am EST

  Hi,

  As per my understanding, you want to monitor when a shape is removed.
  
  You can achieve this by using the “ShapeRemoved” event, which is triggered whenever a shape is removed. Please refer to the attached snippet and sample for implementation details.

  spread.bind(GC.Spread.Sheets.Events.ShapeRemoved, function (e, info) {
          console.log("Shape removed:", info);
  });

  Sample: https://jscodemine.mescius.io/share/6qVN1JELDkKJlQUE2tWE3w/?IsEmbed=false&Theme=Unset&PreviewDirection=0&IsEditorShow=true&IsExplorerShow=true&IsPreviewShow=true&IsConsoleShow=true&IsRunBTNShow=false&IsResetBTNShow=false&IsOpenInCodemineBTNShow=false&PanelWidth=20&PanelWidth=50&PanelWidth=30&defaultOpen={"OpenedFileName"%3A["%2Findex.html"%2C"%2Fsrc%2Fapp.js"%2C"%2Fpackage.json"]%2C"ActiveFile"%3A"%2Findex.html"}

  References:

  ShapeRemoved: https://developer.mescius.com/spreadjs/api/classes/GC.Spread.Sheets.Events#shaperemoved

  Regards,
  
  Priyam