NodeDropped not cancel event

[Marcelo Oliveira Santos]

Hi,

Why does the code below not cancel the event?

  <SfTreeView TValue="peopleTable" CssClass="custom" @ref="tree" AllowDragAndDrop="true">

       <TreeViewEvents TValue="peopleTable"  NodeSelected="OnSelect" NodeDropped="OnDroped" OnNodeDragStart="OnNodeDragStartX" ></TreeViewEvents>

   </SfTreeView>                                

   

 public async void OnDroped(DragAndDropEventArgs args)

    {

        if(condidion==true)

       {

           args.Cancel = true;

       }

}

Tks.

[Muthukrishnan Kandasamy]

 

Hi Marcelo, 

 

Thanks for contacting Syncfusion support. 

 

We have validated your reported problem in Syncfusion Blazor TreeView component. We would like to let you know that NodeDropped event triggers after the node was completely dropped on the target. Currently, we haven’t provided support to cancel this action. For achieving your requirement, we suggest you to use the OnNodeDragStop event. By using this event, we can prevent the node drop action. Please refer to the below code block. 

 

<SfTreeView TValue="TeamDetails" AllowDragAndDrop="true"> 

    <TreeViewEvents TValue="TeamDetails" OnNodeDragStop="NodeDragStop"></TreeViewEvents> 

    <TreeViewFieldsSettings TValue="TeamDetails" Id="Id" Text="Name" Child="Children" DataSource="@Team" Expanded="Expanded"></TreeViewFieldsSettings> 

</SfTreeView>  

 

@code{ 

 

    bool condition = true; 

    public async void NodeDragStop(DragAndDropEventArgs args) 

    { 

        if (condition == true) 

        { 

            args.Cancel = true; 

        } 

    } 

 

We have also prepared sample application to meet your requirement, which can be downloaded from the below link. 

 

https://www.syncfusion.com/downloads/support/forum/164632/ze/NodeDrop_prevent2117763488 

 

Please refer to the below links to know more about TreeView component. 

 

Documentation: https://blazor.syncfusion.com/documentation/treeview/getting-started/ 

 

Demo: https://blazor.syncfusion.com/demos/treeview/default-functionalities?theme=bootstrap4 

 

API: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfTreeView-1.html 

 

Please confirm whether the provided solution is met your requirement or do you expecting this support need to be included in NodeDropped event ? 

 

Regards, 

Muthukrishnan K 

[Marcelo Oliveira Santos]

Hi Muthukrishnan K ,

Thank you for your quick reply. The information was useful, most to me.

[Sowmiya Padmanaban]

Hi Marcelo,  

  

Most Welcome. We are happy to hear that your problem has been resolved. Please contact us, if you need any help from us. 

  

Regards,  

Sowmiya.P