Drag and Drop Support in EJ 1 ASP.NET MVC FileExplorer

16 Aug 2018 / 1 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)
        )