I am using the syncfusion FileManager with azure blob storage. I need to cancel the call and pass in my own response to FileManager
Hi Alex,
We have reviewed your query and understand that you are seeking guidance on how to send custom data in the existing File Manager response from the server end to the client end in the File Manager component with the Azure File Provider. We would like to inform you that this requirement can be achieved on the server side. Refer to the below code snippet for further reference.
|
[AzureProviderController.cs]
namespace EJ2AzureASPCoreFileProvider.Controllers { public class FileResponse { public FileManagerDirectoryContent1 CWD { get; set; }
public IEnumerable<FileManagerDirectoryContent1> Files { get; set; }
public ErrorDetails Error { get; set; }
public FileDetails Details { get; set; } }
public class FileManagerDirectoryContent1 : FileManagerDirectoryContent { public string custom_data { get; set; } }
…. public object getFiles(FileManagerDirectoryContent1 args) { FileResponse readResponse = new FileResponse(); try { var value = this.operation.GetFiles(args.Path, args.ShowHiddenItems, args.Data); FileManagerDirectoryContent1 cwd = new FileManagerDirectoryContent1(); readResponse.CWD = JsonConvert.DeserializeObject<FileManagerDirectoryContent1>(JsonConvert.SerializeObject(value.CWD)); readResponse.CWD.custom_data = "dummyText"; readResponse.Files = JsonConvert.DeserializeObject<IEnumerable<FileManagerDirectoryContent1>>(JsonConvert.SerializeObject(value.Files)); //Add the additional parameter for each files in File Manager component. foreach (FileManagerDirectoryContent1 file in readResponse.Files) { //Add the CustomValue as additional parameter. file.custom_data = "dummyText"; } readResponse.Details = value.Details; readResponse.Error = value.Error; return readResponse; } catch { ErrorDetails er = new ErrorDetails();
} return this.ToCamelCase(this.operation.GetFiles(args.Path, args.ShowHiddenItems, args.Data)); }
[Route("AzureFileOperations")] public object AzureFileOperations([FromBody] FileManagerDirectoryContent1 args) { ….
switch (args.Action) { case "read": // Reads the file(s) or folder(s) from the given path. return this.getFiles(args);
….
} return null; } |
In the above code snippet, we have included the “getFiles” method and triggered it in the "read" action. In this method, we added the “custom_data” as an additional value in the existing response for Root folder and for all the files and folders within it. In this way you can add additional data to the existing File Manager response on the server side.
We have also attached a screenshot for your reference, which shows the response, where you can see the “custom_data” value for all files and folders.
Screenshot :
We have attached the sample for your reference.
Sample : https://stackblitz.com/edit/react-p7fg5g?file=index.js
File Provider : Attached as zip folder
Check out the shared details and get back to us if you need any further assistance.
Regards,
Suresh.
Attachment: AzureFileProvider_d811ff20.zip
