1. Home
  2. Forum
  3. Blazor
  4. Drag and drop between 2 grids

Drag and drop between 2 grids

Hello,

I have set up drag and drop between 2 grids and it sort of works. Your demo at

Blazor DataGrid Drag and Drop Example - Syncfusion Demos

Has the same issue. When holding the mouse down on a cell in the grid some the time instead of initiating drag and drop it causes a selection square to come up which lets you select multiple rows. I tried it with single type selection and the issue remains.


It seems random but is more likely to happen if you try to drag a row that isn't already selected. So if you click a row and then drag and drop it is much more reliable but that shouldn't be necessary and is counter-intuitive to the user.

Have a go at your demo to see what I mean and then let me know if there is any reliable way to always start a drag and drop when the mouse is held down.


Thanks


Sheldon Parkes


7 Replies
NP Naveen Palanivel Syncfusion Team July 29, 2023 03:43 AM UTC

Hi Sheldon,

Based on your query, when the selection type is set to multiple. We would like to inform you that when no rows are selected, attempting to drag and drop triggers a selection square, allowing you to select multiple rows. The reason for this behavior is that when the selection type is set to "Multiple," rows can be dragged and dropped based on the row selections, when the selection type is set to Single, you can drag and drop rows without enabling row selection. This behavior is the default behavior of the row drag and drop feature in the grid. Please refer the sample for more reference.  

Reference : https://blazor.syncfusion.com/documentation/datagrid/row-drag-and-drop#limitations


Please let us know if you have any concerns.


Regards,

Naveen Palanivel


Attachment: BlazorApp1_DD_6964798e.zip

SH Sheldon July 29, 2023 05:30 AM UTC

I was referring to dragging from one grid to another as in your demo that I linked. Simply go to your demo, hold the mouse down on one row and try to drag it sideways to the other grid ( no need to pick multiple ). What happens is you end up with a selection square inside the one row.


Now if you release the mouse and try again it works ( I assume because the row is now selected ). So what set up do I need to be able to drag single or multiple rows without having to click on a row first to select it?


NP Naveen Palanivel Syncfusion Team July 31, 2023 05:45 PM UTC

Hi Sheldon,

We would like to explain the behavior of Row DragandDrop feature  in Grid with selection type. GridSelection Type as Multiple, When you do not have any rows selected in the application, attempting to perform a drag and drop action will activate a selection square, enabling you to select rows simultaneously. when selection type is set to "Multiple," the application allows dragging and dropping rows based on the row selections you make, it is default behavior of Row DragandDrop with selection type multiple. In demo RowDD in the Grid selection type as multiple.


<GridSelectionSettings Type="Syncfusion.Blazor.Grids.SelectionType.Multiple"></GridSelectionSettings>



When the selection type is set to "Single," it allows users to drag and drop rows without needing to enable row selection. This means that when a user wants to  RowDD in the Grid, they can simply click and drag a single row to a new position without the need to first select the row and then perform the drag action.

    <GridSelectionSettings Type="Syncfusion.Blazor.Grids.SelectionType.Single"></GridSelectionSettings>



Reference : https://blazor.syncfusion.com/documentation/datagrid/row-drag-and-drop#limitations


Regards,

Naveen Palanivel


SH Sheldon July 31, 2023 06:26 PM UTC

I understand perfectly well except it doesn't work the way you describe. Have you actually tried it on your own demo that I linked to?


NP Naveen Palanivel Syncfusion Team August 1, 2023 10:19 PM UTC

Hi Sheldon,


Based on your query, it appears that you are experiencing an issue with the "Single" selection type, where drag and drop rows  are not working as expected without enabling row selection. Unfortunately, we were unable to reproduce the issue on our end. Please find the attached sample and video demo for your reference.


If the reported issue still reproduced then kindly share the below details to validate further at our end.


  1. Share us the video demonstration of the issue with elaborately , it will more useful to us.
  2. Please share if we missed any replication procedure in attached sample
  3. If possible share us an simple issue reproduceable sample or try to modify the above mentioned sample.


The above-requested details will be very helpful for us to validate the reported query at our end and provide the solution as early as possible.


Regards,

Naveen Palanivel


Attachment: BlazorApp1_DD_eee3e740.zip

SH Sheldon August 2, 2023 11:16 AM UTC

Ok, here is a quick video of me using your demo on your website. If I try to drag a row that is not selected yet it gives me the selection square. If I select the row first and then drag it, then it drags properly. It's not intuitive that you need to select a row before dragging it. 


Attachment: dragAndDrop_5d548601.zip

NP Naveen Palanivel Syncfusion Team August 3, 2023 09:02 PM UTC


Hi Sheldon,

We want to inform you that in  demo, the row Drag and Drop feature has the selection type set as "multiple." This means that if you don't select any rows in the application and attempt to perform a drag and drop action, it will activate a selection square. This square is used to select the row in the grid, and it is the default behavior of the row Drag and Drop when the selection type is set to "multiple." Based on our previous update(https://www.syncfusion.com/forums/183709/drag-and-drop-between-2-grids?reply=SDd3RW), when the selection type is set to "Multiple," the application allows you to drag and drop rows based on the row selections

Regards,

Naveen Palanivel


Loader.
Up arrow icon