How i can do a drag drop between container (grid)?

Question

I am trying to work out a task with Drag and Drop(WPF ,C#)to include in a demo ,i will explain easy showing an example of code in XAML 
<Grid x:Name="LayoutRoot">
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Grid x:Name="container1" Grid.Row="0" >
<Grid Name="grid1" Background="Aqua" Margin="15"></Grid>
</Grid>
<Grid x:Name="container2" Grid.Row="1" >
<Grid Name="grid2" Background="blue" Margin="15"></Grid>
</Grid>
<Grid x:Name="container3" Grid.Row="2" >
<Grid Name="grid3" Background="green" Margin="15"></Grid>
</Grid>
</Grid>
My purpose is when the user drag the
grid1 in the
container2 automatically the grid2 will go to place in the
container1 (basically I want to swap the grids) then this process will be used every time need to drag a grid in a container. with a code that i wrote down i can do a simple drag&drop  i can drag the "grid1"
to the "container2" but cannot send back automatically the grid2 to container1.
Kindly i ask if you have any advise or tips to make successful this task.
Thank you so much for your attention
Cheers!!!
*********EDIT*********                                                                  
                                 Using this code as follow i can do the drag&drop but what really i need is the grid "container "is fix and never move just the
"grid" should move between the "container "                                 
<StackPanel Name="sp" AllowDrop="True" Background="SkyBlue" PreviewMouseLeftButtonDown="sp_PreviewMouseLeftButtonDown" PreviewMouseLeftButtonUp="sp_PreviewMouseLeftButtonUp" PreviewMouseMove="sp_PreviewMouseMove"
DragEnter="sp_DragEnter" Drop="sp_Drop">
<Grid Name="grid1" Background="Aqua" Height="120" Width="500"></Grid>
<Grid Name="grid2" Background="Blue" Height="120" Width="500"></Grid>
<Grid Name="grid3" Background="Red" Height="120" Width="500"></Grid>
</StackPanel>
private bool _isDown;
private bool _isDragging;
private Point _startPoint;
private UIElement _realDragSource;
private UIElement _dummyDragSource = new UIElement();
public MainWindow()
InitializeComponent();
private void sp_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
if (e.Source == this.sp)
else
_isDown = true;
_startPoint = e.GetPosition(this.sp);
private void sp_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
_isDown = false;
_isDragging = false;
_realDragSource.ReleaseMouseCapture();
private void sp_PreviewMouseMove(object sender, MouseEventArgs e)
if (_isDown)
if ((_isDragging == false) && ((Math.Abs(e.GetPosition(this.sp).X - _startPoint.X) > SystemParameters.MinimumHorizontalDragDistance) ||
(Math.Abs(e.GetPosition(this.sp).Y - _startPoint.Y) > SystemParameters.MinimumVerticalDragDistance)))
_isDragging = true;
_realDragSource = e.Source as UIElement;
_realDragSource.CaptureMouse();
DragDrop.DoDragDrop(_dummyDragSource, new DataObject("UIElement", e.Source, true), DragDropEffects.Move);
private void sp_DragEnter(object sender, DragEventArgs e)
if (e.Data.GetDataPresent("UIElement"))
e.Effects = DragDropEffects.Move;
private void sp_Drop(object sender, DragEventArgs e)
if (e.Data.GetDataPresent("UIElement"))
UIElement droptarget = e.Source as UIElement;
int droptargetIndex=-1, i =0;
foreach (UIElement element in this.sp.Children)
if (element.Equals(droptarget))
droptargetIndex = i;
break;
i++;
if (droptargetIndex != -1)
this.sp.Children.Remove(_realDragSource);
this.sp.Children.Insert(droptargetIndex, _realDragSource);
_isDown = false;
_isDragging = false;
_realDragSource.ReleaseMouseCapture();
Thanks :)

Answer 1

Hello Jonny,
Currently I do not have a sample and I have reviewed this post and find another way which seems more reasonable. Have you cosidered use a ListView instead of common grid. It seems we can do what you want with two common grid however we need to hardcoded
all the things.
If we use ListView, for example, you can see this thread:
http://stackoverflow.com/questions/20573063/creating-icon-view-mode-for-listview-wpf
and this thread:
http://stackoverflow.com/questions/9443695/how-do-i-drag-drop-items-in-the-same-listview
We can drag and drop items instead of grid, which will make this programming much easier than hard code to switch your control's location.
Best regards,
Barry
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.
Dear Barry Wang thank you so much for your kind support ,just open me a way to do it ,you can see in this post https://social.msdn.microsoft.com/Forums/vstudio/en-US/55873851-e86c-4a20-9b00-de3419054ba8/get-stuck-to-dragdrop-in-this-case?forum=wpf .
Wish you a Happy New Year .
Sincerley