File Manager for DevExtreme - How to implement a custom provider

The sample illustrates how to implement your own custom provider for DevExtreme. In the sample, the file manager is placed on the Razor page, and ajax requests are sent to the server to interact with folders/files on the server.

Server-side actions return data in the following format:

{
  "success": true,
  "errorCode": null,
  "errorText": "",
  "result": [...]
}

Based on this data, you can throw an error using the DevExpress.fileManagement.FileSystemError class or return your result. For example, for the renameItem method, the following code is used:

renameItem: function (item, newName) {
    var url = "/api/data/RenameItem";
    var data = { pathInfo: item.key, newName: newName };
    return SendAjaxRequest(url, data);
},

function SendAjaxRequest(url, data, requestType = "get") {
    return new Promise((resolve, reject) => {
        $.ajax({
            url: url,
            data: data,
            type: requestType,
            dataType: 'json',
            contentType: requestType == "get" ? "application/json; charset=utf-8" : false,
            processData: requestType == "get",
            async: false,
            success: function (response) {
                if (response.success == false) {
                    reject(new DevExpress.fileManagement.FileSystemError(response.errorCode, null, response.errorText));
                }
                else {
                    resolve(response.result)
                }
            }
        });
    });
}

        [Route("RenameItem")]
        [HttpGet]
        public string RenameItem(string pathInfo, string newName) {
            string response = string.Empty;
            FileAttributes attr = System.IO.File.GetAttributes(pathInfo);
            if (attr.HasFlag(FileAttributes.Directory)) {
                DirectoryInfo di = new DirectoryInfo(pathInfo);
                string folderName = Path.GetDirectoryName(pathInfo);
                string newDirectory = Path.Combine(di.Parent.FullName, newName);
                if (Directory.Exists(newDirectory)) {
                    return this.CreateResponse(false, 409, "The target directory already exists", null);
                }
                di.MoveTo(newDirectory);
            } else {
                FileInfo fi = new FileInfo(pathInfo);
                string newpath = Path.Combine(fi.Directory.FullName, newName);                
                if (fi.Exists) {
                    return this.CreateResponse(false, 409, "The target file already exists", null);
                }
                fi.MoveTo(newpath);
            }
            return this.CreateResponse(true, null, null, null); ;
        }
        string CreateResponse(bool success, int? errorCode, string errorText, FileDataItem[] result) {
            var options = new JsonSerializerOptions { PropertyNamingPolicy = JsonNamingPolicy.CamelCase };
            return JsonSerializer.Serialize(new { success, errorCode, errorText, result }, options);
        }

Files to Review

• Index.cshtml
• DataController.cs

Does This Example Address Your Development Requirements/Objectives?

(you will be redirected to DevExpress.com to submit your response)