Drag-n-Drop event handler in FlexGrid

Drag-n-Drop event handler in FlexGrid

Posted by: james.ingham on 16 May 2019, 3:22 pm EST

• 

  james.ingham

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 16 May 2019, 3:22 pm EST - Updated 3 October 2022, 11:03 am EST

  Dear support,

  I noticed FlexGrid allows dragging column headers to group panel which is very handy. I am just curious whether it is possible to drag a column header to any DOM element on the page. Are there any particular event listeners we can utilise?

  e.g We’d like users to drag a column header and drop it to one of our search key input fields to automatically fill that input. Is it hard to implement?

  

  1074×367 66.6 KB

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 19 May 2019, 6:10 pm EST

  Hi,

  We could achieve the required functionality by handling the native drag-drop events. Please refer to the following sample which demonstrates the same:
  
  https://jsfiddle.net/ewmgbpuz/14/

  ~sharad

• 

  james.ingham

  • Post Options:
  • Link
    Copy

  Posted 20 May 2019, 11:26 am EST

  Very nice. Thanks a lot!