Wrap text event

Wrap text event

Posted by: nhan.thanh.nguyen on 2 October 2023, 8:14 pm EST

• 

  nhan.thanh.nguyen

  • Post Options:
  • Link
    Copy

  Posted 2 October 2023, 8:14 pm EST

  Hi team, I want to handle wrap text event, so can you show me which event will trigger when I click on wrap text button
  
  I have manually set row height, so I don’t want it when I click wrap text button, the height of row will not change.
  
  I’m using spreadjs version 16.2.3 with reactJs
  
  Thanks and Best Regards!
  
  Nhan Nguyen

• 

  avinash.pathak

  

  • Post Options:
  • Link
    Copy

  Posted 3 October 2023, 6:01 pm EST

  Hi,

  For this, You may use the commandMap and override the old wrapText command. Please refer to the following code snippet and let me know if you face any issues.

  
      designerInitialized = (designer) => {
          this.designer = designer;
          let spread = this.designer.getWorkbook()
          let sheet = spread.getActiveSheet()
  
          var config = GC.Spread.Sheets.Designer.DefaultConfig;
  let oldCommand = GC.Spread.Sheets.Designer.getCommand('wrapText');
  let oldExecute = oldCommand.execute;
  config.commandMap = {
      wrapText: {
      title: oldCommand.title,
      text: oldCommand.text,
      iconClass: oldCommand.iconClass,
      bigButton: oldCommand.bigButton,
      commandName: "wrapText",
      execute: function(context, propertyName, fontItalicChecked)  {
      // customize operator
      console.log('inside the wrap text');
      // if you want the native functionality you apply old execute method also \
      oldExecute.apply(this,arguments);
      
          }
      }
  }

  sample: https://jscodemine.grapecity.com/share/mlr5FvuyZUKNYzH63W7Qjw/?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.jsx"]%2C"ActiveFile"%3A"%2Fsrc%2Fapp.jsx"}

  Regards,
  
  Avinash