blazor-devexpress-dot-blazor-dfa49d65.md
Lists values that specify the drop position behavior. Applicable only to drag and drop operations initiated externally.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
public enum TreeListDropTargetMode
| Name | Description | Image |
|---|---|---|
BetweenRows |
The drop position is defined by TargetItem and DropPosition properties.
|
|
| Component |
The drop position is not defined. You need to implement logic in the ItemsDropped event handler to specify where to insert rows.
|
|
The following properties accept/return TreeListDropTargetMode values:
In the following snippet, the first TreeList accepts rows from the second TreeList. The DropTargetMode property of the first TreeList is Component.
<DxTreeList @ref="TreeList"
Data="CompletedTasks"
KeyFieldName="Id"
ParentKeyFieldName="ParentId"
ItemsDropped="TreeList_ItemsDropped"
DropTargetMode="GridDropTargetMode.Component">
<Columns>
<DxTreeListDataColumn FieldName="Name" Caption="Task" SortOrder="TreeListColumnSortOrder.Ascending" />
<DxTreeListDataColumn FieldName="EmployeeName" Caption="Assigned To" TextAlignment="TreeListTextAlignment.Left" Width="200px" />
<DxTreeListDataColumn FieldName="StartDate" Width="100px" />
<DxTreeListDataColumn FieldName="DueDate" Width="100px" />
</Columns>
</DxTreeList>
<DxTreeList @ref="TreeList"
Data="PendingTasks"
KeyFieldName="Id"
ParentKeyFieldName="ParentId"
AllowDragRows="true"
AllowedDropTarget="GridAllowedDropTarget.External">
<Columns>
<DxTreeListDataColumn FieldName="Name" Caption="Task" SortOrder="TreeListColumnSortOrder.Ascending" />
<DxTreeListDataColumn FieldName="EmployeeName" Caption="Assigned To" TextAlignment="TreeListTextAlignment.Left" Width="200px" />
<DxTreeListDataColumn FieldName="StartDate" Width="100px" />
<DxTreeListDataColumn FieldName="DueDate" Width="100px" />
</Columns>
</DxTreeList>
See Also