Wijmo grid drag and drop functionality

Wijmo grid drag and drop functionality

Posted by: ibbu432 on 23 May 2021, 11:58 pm EST

• 

  ibbu432

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 23 May 2021, 11:58 pm EST - Updated 3 October 2022, 4:54 am EST

  Hello Team,

  I am working with wijmo grid ,I want to perform drag and drop functionality. I have column ,plz refer image.

  Basically I am following this “https://codesandbox.io/s/wijmo-angular-forked-jug0w?file=/src/app/app.component.ts:535-555”.

  But unable to move forward. please refer any other link.

  

  889×471 73.8 KB

  

  823×338 23.2 KB

  Thanks,
  
  Ibrahim

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 25 May 2021, 8:54 pm EST

  Hi Ibrahim,

  You can achieve this by handling dragstart, dragover, and drop events. You can store the row index at the dragstart event and dropping index at dragover event then in the drop event you can make changes to the sourceCollection to shift the rows.
  
  Please refer to the sample demonstrating the same: https://codesandbox.io/s/wijmo-angular-forked-qyv8l

  Let us know if that’s works for you.

  Regards,
  
  Ashwin