Drag and Drop Support

16 Aug 20181 minute to read

The FileExplorer allows files to be moved from one folder to another by using drag and drop. It also supports uploading a file by dragging it from Windows Explorer to a folder in the FileExplorer control.

You can enable or disable this support by using “AllowDragAndDrop” API of FileExplorer.

The dragStart, drag, dragStop and drop events occur in the mentioned order when a drag and drop operation is performed.

In the view page, add “FileExplorer” helper and specify the drag and drop option as specified below.

razor

@(Html.EJ().FileExplorer("fileExplorer")
            .Layout(LayoutType.Tile)
            .Path("~/FileExplorerContent/")
            .AjaxAction(@Url.Content("FileAction"))
            .AllowDragAndDrop(true)
    )