Wijmo cell drag and drop

Posted by: vijayakumar on 3 April 2020, 1:37 am EST

  • Posted 3 April 2020, 1:37 am EST

    Hi,
    Actually I need to drag an element of wijmo cell and drop into its upcoming horizontal cell(not row or column dragging. I need especially cell). Can you provide a sample code for Angular ?
  • Replied 5 April 2020, 4:05 pm EST

    Hi Vijay,

    To drag and drop the cells, first you will need to make the cells draggable by using the formatItem event and set the cell's draggable property to true. Then, you may handle the various drag events on the hostElement of the FlexGrid. Please refer to the sample link below for reference:

    https://stackblitz.com/edit/angular-acxr7g

    Regards,
    Ashwin
  • Replied 19 May 2020, 9:30 pm EST

    Hi Ashwin.

    Thanks for the reply. It works good. But we are facing another issue. We are using (initialized) for the drag and drop. After using (initialized), the grid automatically scrolls to top after every reloads of collectionview Can you suggest any sample code?
  • Replied 20 May 2020, 4:28 pm EST

    Hi Vijay,

    Can you let us know how you are updating the CollectionView. If you are assigning a new itemsSource then this is an expected behavior because the grid will be re-created with the new data and the selection will move to the default value.

    ~regards
  • Replied 20 May 2020, 5:57 pm EST

    Hi Ashwin,
    We are updating the same itemsource. Can you suggest someother way to handle the drag and drop events (without using initialized) event. We are using itemFormatter and also loaded rows. Can we use the drag and drop events in any other ways.(i.e.,) without using initialized.
  • Replied 21 May 2020, 4:04 pm EST

    Hi,

    I am sorry but I was unable to understand your issue properly. What does updating the same itemsSource means? Can you please explain the issue further?
    If you do not wish to use initialized event, you can also use the ngAfterViewInit callback. Get the reference of the grid using ViewChild decorator and call the DragDrop class.

    ~regards
  • Replied 23 June 2020, 5:54 pm EST

    Hi Ashwin,
    We found solutions for those issues. Now, we are facing a new issue.
    Col 0 is fixed
    From Col 1 to col 24, content is scrollable. In Visualization, we have around 10 columns. While dragging from col 1 to col 24, the content is autoscrolling when we cross col 11. it's working fine.
    But when we drag from col 24 to col 1, we cannot drag after col 14. What to do to enable autoscrolling when we drag in reverse?


  • Replied 24 June 2020, 3:49 pm EST

    Hello Vinay,

    We are sorry but we were unable to replicate the issue at our end. Please refer to the sample link and the video below:

    https://stackblitz.com/edit/angular-k4b1pq



    Can you please let us know whether we are missing something in order to replicate the issue?

    ~regards
  • Replied 25 June 2020, 1:02 am EST

    Hi,
    Thanks for the response. I've checked that auto scroll happened when the cursor crossed the country column but I need the auto scroll before the cursor reaches he country column. Is there any possibilities?
  • Replied 25 June 2020, 8:49 pm EST

    Hi Vijay,

    Sorry but this will not be possible. The auto scrolling only works when the column being dragged is at the end points of the grid and not on column.

    ~regards
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels