New to Telerik UI for ASP.NET Core? Download free 30-day trial

Drag and Drop Overview

The Telerik UI for ASP.NET Core FileManager provides inbuilt Drag and Drop functionality, which allows dragging and dropping files from the FileManager view(GridView, ListView) to the TreeView and vice versa. The functionality is enabled by default and it can be controlled by the Draggable option.

The following example demonstrates how to disable the Drag and Drop functionality of the FileManager:

    @(Html.Kendo().FileManager()
        .Name("filemanager")
        .UploadUrl("Upload", "FileManagerData")
        .Draggable(false)
        .DataSource(ds =>
        {
            ds.Read(operation => operation
                .Type(HttpVerbs.Post)
                .Action("Read", "FileManagerData")
            );
            ds.Destroy(operation => operation
                .Type(HttpVerbs.Post)
                .Action("Destroy", "FileManagerData")
            );
            ds.Create(operation => operation
                .Type(HttpVerbs.Post)
                .Action("Create", "FileManagerData")
            );
            ds.Update(operation => operation
                .Type(HttpVerbs.Post)
                .Action("Update", "FileManagerData")
            );
        })
    )
    <kendo-filemanager name="filemanager" upload-url="@Url.Action("Upload", "FileManagerData")" draggable="false">
        <filemanager-datasource>
            <transport>
                <read url="@Url.Action("Read", "FileManagerData")" />
                <create url="@Url.Action("Destroy", "FileManagerData")" />
                <destroy url="@Url.Action("Create", "FileManagerData")" />
                <update url="@Url.Action("Update", "FileManagerData")" />
            </transport>
        </filemanager-datasource>
    </kendo-filemanager>

See Also

In this article