Grid Drag And Drop between 2 grids and within grid at the same time

we have two grid components side by side. 

we want to allow drag and drop within each grid to allow reordering of items but also allow rag and drop between the 2 grids to move items between them


row drag and drop works if AllowRowDragAndDrop is enabled 


drag and drop between the 2 grids is enabled by setting Id and TargetId


is there any way to enable both so we can reorder items as well as move them between the 2 grids?


1 Reply

PS Prathap Senthil Syncfusion Team April 12, 2024 04:52 AM UTC

Hi Michael,

Query :”
we want to allow drag and drop within each grid to allow reordering of items but also allow rag and drop between the 2 grids to move items between them”

Based on your requirements, we would like to clarify that in older versions, drag-and-drop functionality within and between grids was not possible with the same configurations. However, in the latest version, it is now possible. You require both row drag-and-drop functionality within each grid and drag-and-drop capability between the two grids. To achieve this, please enable the AllowRowDragAndDrop property within each grid, and set the TargetID property in GridRowDropSettings. This will enable drag-and-drop functionality between the two grids. We have already documented this scenario. Please refer to the documentation provided below and the simple sample for further details.

Sample : https://blazorplayground.syncfusion.com/embed/hZVfjfCBCmoZytok?appbar=true&editor=true&result=true&errorlist=true&theme=bootstrap5

UG: https://blazor.syncfusion.com/documentation/datagrid/row-drag-and-drop

Regards,

Prathap S


Loader.
Up arrow icon