Drag Drop on Folder Tree

[Daniel Hulse]

Is it possible to drag/drop a file on a particular folder in the folder tree view (rather than the files list)?

Thank you.

[Indhumathy Loganathan]

Hi Daniel, 

 

We have validated your requirement in FileManager component. We understood that you want to perform drag and drop for a specific folder in TreeView and wants to prevent drag and drop for other folders. You can achieve this by using fileDragStop event in FileManager. Please check the below code snippet. 

 

function fileDragStop(args) { 

    var Folder = args.target.closest(".e-list-item").querySelector(".e-list-text").innerText; 

    if (Folder != "Music") { 

        args.cancel = true; 

    } 

} 

 

In the above code, We have only enable drag and drop for the “Music” folder. Please find the sample demonstrating the solution from below link. 

 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/FileManager-588088250 

 

Please check the sample and revert to us if you need any further assistance. 

 

Regards, 

Indhumathy L 

[Daniel Hulse]

Hello and thank you for your reply and the sample code.

I was actually wondering about dropping a file outside of the browser into the tree list section of the file manager. So for example, drag/dropping a PDF document from the desktop into a folder on the left tree list section, rather than dropping it on the file list section.

Thanks again for your help.

[Daniel Hulse]

I attached an image for clarity.

Thanks.

Attachment: DragDropFolder_78fe843e.zip

[Indhumathy Loganathan]

Hi Daniel, 

 

Sorry for the inconvenience. 

 

We have validated your requirement in FileManager component. We understood that you want to drag a file from the desktop and drop it inside FileManager navigation pane. Currently, we have support to drop the files in Main layout pane (in right side of the FileManager). However, we have considered your request as a feature and this will be included in any of our upcoming releases. Generally, we will plan any feature implementation based on customer request count, feature rank and Wishlist plan.   

 

You can track the status of this feature implementation through the below link, 

 

https://www.syncfusion.com/feedback/24712/support-to-drag-a-file-from-desktop-and-drop-it-in-navigation-pane-of-filemanager 

 

We appreciate your patience. 

Regards, 

Indhumathy L