Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

TreeListDropTargetMode Enum

Lists values that specify the drop position behavior. Applicable only to drag and drop operations initiated externally.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public enum TreeListDropTargetMode

#Members

Name Description Image
BetweenRows

The drop position is defined by TargetItem and DropPosition properties.

Drop rows between rows

Component

The drop position is not defined. You need to implement logic in the ItemsDropped event handler to specify where to insert rows.

Drop rows onto the component

#Related API Members

The following properties accept/return TreeListDropTargetMode values:

#Remarks

In the following snippet, the first TreeList accepts rows from the second TreeList. The DropTargetMode property of the first TreeList is Component.

Razor
<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