1. Home
  2. Forum
  3. JavaScript - EJ 2
  4. Strange behaviour using Cut/Copy/Paste in the FileManager control

Strange behaviour using Cut/Copy/Paste in the FileManager control

We are experiencing some strange behaviour when using Cut, Copy and Paste in the FileManager control.

1. Select files and choose 'Cut' from the context menu.


2. Select a folder and choose 'Paste' from the context menu.


3. Double click on the target folder to display its contents.

Its noticable that the 'cut' files are still displayed (albeit greyed out) after the paste has completed.


4. Select the newly pasted files and choose 'Cut' from the context menu.


5. Select the root folder from the tree to display its contents.


6. Select 'Paste' from the toolbar at the top of the FileManager control to paste the files.



The treeview has become corrupt (the folder where the files are being moved from has been removed from the tree) and also the files are NOT displayed in the list on the right.  Only after refreshing the view do the files appear and the tree is restored to the correct structure.

Is this a known error?

I can supply sample code if required, please let me know.

Regards

James


6 Replies
IL Indhumathy Loganathan Syncfusion Team January 8, 2021 01:24 PM UTC

Hi James, 
 
We have validated your reported issue and unable to reproduce it. In our sample, we have used ASP.NET core file provider service.  
 
Please find our validation sample from the below link. 
 
 
To run the sample, please follow the below steps, 
 
1.     Clone the ASP.NET core file provider service from the below link, 
 
 
2.      Add the localhost address in app.component.ts file of the below sample to run FileManager. 
 
let hostUrl: string = "http://localhost:62870/"; 
let fileObject: FileManager = new FileManager({ 
  ajaxSettings: { 
   url: hostUrl + "api/FileManager/FileOperations", 
   getImageUrl: hostUrl + "api/FileManager/GetImage", 
   uploadUrl: hostUrl + "api/FileManager/Upload", 
   downloadUrl: hostUrl + "api/FileManager/Download" 
}, 
view: "Details" 
}); 
 
Please, refer to the below video footage which represent the steps followed. 
 
 
If you still face any issues, we request you to share  below details to proceed further.  
 
·       FileService provider used in your application. 
·       Exact package version used.  
·       Sample code snippets or video footage on the issue. 
 
Please let us know, if you need any further assistance. 
 
Regards, 
Indhumathy L 


JC James Cullis January 14, 2021 10:40 AM UTC

Hi

I have attached a short video clip (apologies for the quality of the resolution) which shows the steps taken to cause my problem.  You will see that when the file is 'cut' back to the root folder that the source folder is removed from the treeview.  

This process works IF the user double clicks into the target 'Billing' folder to do the initial 'paste' instead of using the context menu to to do the initial 'paste'.  The rest of the process works correctly from then on!

I have also attached some of the code for my controller and file provider classes.  The file provider is one that I have had to write in order to be able to access the Microsoft Graph API so we can present our users with either their OneDrive or SharePoint file structures.  I have based it on the file providers in your GitHub repository but obviously I have missed some aspect out.

Any help would be greatly appreciated.  Please contact me if you required any further code or explanations

Regards

James Cullis

Attachment: Examples_bee0c011.rar

IL Indhumathy Loganathan Syncfusion Team January 19, 2021 12:48 PM UTC

Hi James, 
 
Sorry for the inconvenience, 
 
We are currently validating your reported problem with FileManager component with high priority. We will check and update you the further validation details in two business days on 21th January 2021. 
 
We appreciate your patience until then. 
 
Regards, 
Indhumathy L 


IL Indhumathy Loganathan Syncfusion Team January 21, 2021 03:12 PM UTC

Hi James, 
 
Sorry for the inconvenience.  
 
We have tried to replicate your reported problem with the provided details in FileManager component. We were unable to include the provided code snippets inside our controller to reproduce the issue. We have compared your code with our File Provider, and we suspect that you have made customizations in your code which may cause the issue. Please share us a FileManager sample with reference to your customized file operations to replicate the issue in our end to assist you promptly.  
 
Regards, 
Indhumathy L 


JC James Cullis January 22, 2021 02:18 PM UTC

Hi thanks for your response.

I'm not sure what else I can supply.  My rar file should include the controller and file provider samples and their interaction with the SharePoint (MS Graph) API.  

I have now attached the js I have used to create the FileManager object but I think this is pretty standard.

Unfortunately you don't have a Graph FileProvider at the moment.  Do you have any plans to write one?

Regards

James

Attachment: JavaScriptExample_43808b71.rar

IL Indhumathy Loganathan Syncfusion Team January 25, 2021 12:47 PM UTC

Hi James, 
 
We have checked your reported query. In FileManager component, we have the following file providers to perform file operations.  
 
  1. ASP.NET Core file system provider
  2. ASP.NET MVC 5 file system provider
  3. ASP.NET Core Azure cloud file system Provider
  4. ASP.NET MVC 5 Azure cloud file system Provider
  5. Amazon S3 cloud file system provider
  6. File Transfer Protocol file system provider
  7. SQL database file system provider
  8. NodeJS file system provider
  9. Google Drive file system provider
  10. Firebase Realtime Database file system provider
  11. IBM Cloud Object Storage provider
 
You can refer our core file provider from the below link to integrate file operations on your service provider. 
 
 
However, we have considered your request on Graph API implementation. You can track the status through the below portal link, 
 
 
Please let us know, if you need any further assistance.  
 
Regards,   
Indhumathy L 


Loader.
Up arrow icon