This example illustrates how to show corresponding dragging row data in draggable popup in WPF TreeGrid (SfTreeGrid)?
WPF TreeGrid (SfTreeGrid) displays the RowCount and DropStatus in a draggable popup while drag-and-drop operation. You can customize the dragging popup to show the corresponding drag row data by customizing the RowDragDropTemplate with binding the data from the DraggingNodes property.
<Window.Resources>
<DataTemplate x:Key="dragdroptemplate">
<Border x:Name="border" Width="250"
Background="#ececec"
BorderBrush="#c8c8c8" Height="60"
BorderThickness="1.2">
<Grid VerticalAlignment="Center" HorizontalAlignment="Left">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<TextBlock Text="FirstName : " Grid.Row="0" Grid.Column="0" />
<TextBlock Text="{Binding DraggingNodes[0].Item.FirstName}" Grid.Row="0" Grid.Column="1"/>
<TextBlock Text="LastName : " Grid.Row="1" Grid.Column="0"/>
<TextBlock Text="{Binding DraggingNodes[0].Item.LastName}" Grid.Row="1" Grid.Column="1"/>
</Grid>
</Border>
</DataTemplate>
</Window.Resources>
<syncfusion:SfTreeGrid Name="treeGrid"
AutoGenerateColumns="False"
AllowEditing="True"
ChildPropertyName="ReportsTo"
ParentPropertyName="ID"
SelfRelationRootValue="-1"
ItemsSource="{Binding Employees}"
RowDragDropTemplate="{StaticResource dragdroptemplate}"
AllowDraggingRows="True"
AllowDrop="True" />
The following screenshot shows customizing draggable Popup to show corresponding dragging row data in WPF TreeGrid (SfTreeGrid),
Take a moment to peruse the WPF TreeGrid - drag and drop row documentation, where you can find about drag and drop row with code examples.
Please refer this link to know about the essential features of WPF TreeGrid.
KB article - How to show corresponding dragging row data in draggable popup in WPF TreeGrid (SfTreeGrid)?
Visual Studio 2015 and above versions