Kendo FileManager Path is not working and cannot get path

[Stark]

I tried using the following demo tutorials But path of my folder didn't get and not working

Link demo: https://docs.telerik.com/kendo-ui/api/javascript/ui/filemanager/methods/path

This is My Code FileManager:

Image 1 :  When click each Folder, Console show yellow message

Image 2 : My Json data Url Read call

 

$("#fileManager").kendoFileManager({
        
        dataSource: {
            schema: {
                data: 'data'
            },
            transport: {
                read: function(options) {
                    var that = this;

                    $.ajax({
                        url: " //My Url call API ",
                        dataType: "json", 
                        method: "POST",
                        data: that.parameterMap ? that.parameterMap(options.data, "read") : options.data,
                        success: function(result) {
                            options.success(result);
                        }
                    });
                },
                destroy: function(options) {
                    console.log(" Test call Function ");  // Call Function not working, cannot call
                    
                }
            }
        },
      toolbar: {
                items: [
                    { name: "custom" ..... }, // insert and upload, I use custom command
                    { name: "custum" ..... },
                    { name: "sortDirection" },
                    { name: "sortField" },
                    { name: "changeView" },
                    { name: "spacer" },
                    { name: "details" },
                    { name: "search" }
                ]
            },
            contextMenu: {
                items: [
                    { name: "rename" },
                    { name: "delete" }
                ]
            },
            draggable: true,
            resizable: true
    });

    var fileManager = $("#fileManager").data("kendoFileManager");

    fileManager.navigate("Animal");   // not target red zone folder 

    var path = fileManager.path();  //not show log

[Neli]

Hello Stark,

I would suggest you use the navigate method either in a setTimeout function or in the success of the ajax for loading the data. You could also use the navigate method in the dataBound event handler with a minimal delay. Thus, you could ensure that the folders are loaded by the time you are trying to navigate to a specific one.  

 dataBound: function(e){
        setTimeout(function () { 
                  var fileManager = $("#filemanager").data("kendoFileManager");            
                  fileManager.navigate("Images");
        }, 0);
 },

Here is a Dojo example where the navigate method is called in the success of the ajax call and the FileManager successfully navigates to the needed folder. Also, the correct path is console logged.

I hope this helps.

Regards,
Neli
Progress Telerik

[Stark]

Excuse me, Admin can answer newer question, please. This question is old. Can you have me How to Kendo ImageEditor can read dataSource

[Neli]

Hi Stark,

As far as I see you have marked in the thread regarding ImageEditor that the issue is resolved. In case you have follow-up questions related to the ImageEditor, please ask them in the respective thread. This will keep the information in the threads consistent and easier to use as a reference if needed.