FileManager: How to force a full TreeView refresh?

[Patrick]

I overwrote the FileManagers MoveCommand to implement my own logic. Afterwards I do call the FileManagers refresh method. Unfortunately, this seems to update only the ListView/GridView, but not the TreeView.

So, when I move a subfolder between two folders, the folder has been moved correctly, the GridView/ListView then refreshes perfectly, but in the TreeView I can still see the subfolder in the old location  (source folder). If I click the TreeViews target folder, the moved subfolder occurs. When I click the TreeViews source folder, the subfolder is still there (although it should not).

How can I force the FileManagers TreeView to do a full refresh (and reload all data)?

Thanks for any advice!

Patrick

[Patrick | Technical Support Engineer, Senior]

Hello Patrick,

One way in which you can refresh the dataSource after moving a subfolder to another subfolder is to call the dataSource's read method.  In this case, you could do it after the remove action during the command event:

 

        $("#filemanager").kendoFileManager({
            dataSource: {
                schema: kendo.data.schemas.filemanager,
                transport: {
                    read: {
                        url: "/FileManagerData/Read",
                        method: "POST"
                    },
                    create: {
                        url: "/FileManagerData/Create",
                        method: "POST"
                    },
                    update: {
                        url: "/FileManagerData/Update",
                        method: "POST"
                    },
                    destroy: {
                        url: "/FileManagerData/Destroy",
                        method: "POST"
                    }
                }
            },
            uploadUrl: "/FileManagerData/Upload",
            toolbar: {
                items: [
                    { name: "createFolder" },
                    { name: "upload" },
                    { name: "sortDirection" },
                    { name: "sortField" },
                    { name: "changeView" },
                    { name: "spacer" },
                    { name: "details" },
                    { name: "search" }
                ]
            },
            contextMenu: {
                items: [
                    { name: "rename" },
                    { name: "delete" }
                ]
            },
            command: function (e) {

                //after removing, read the datasource to refresh data
                if (e.action == "remove") {
                    e.sender.dataSource.read();
                }               
            },
            draggable: true,
            resizable: true
        });

 

Hopefully this helps with your current custom implementation of the MoveCommand.  Otherwise, please take a look at that and ensure the folder has been successfully created/deleted.   

Regards,
Patrick
Progress Telerik

[Patrick]

Hello Patrick,

Calling the dataSource's read method, was the right thing to do. Thank you very much!

Best regards,
Patrick

[Patrick | Technical Support Engineer, Senior]

No problem at all! Glad it's working well!