New to Kendo UI for jQuery? Start a free 30-day trial

Navigate

methods

Navigates to the specified path.

Note: If you wish to use the method to navigate to a child folder, you will need to navigate to its parent folder first.

navigate

Parameters:pathString

The path to navigate.

<div id="fileManager"></div>
<script>
    var myData = [{
        name: "Folder",
        isDirectory: true,
        hasDirectories: false,
        path: "folder",
        extension: "",
        size: 0,
        createdUtc: new Date(),
        items: [
            {
                name: "Image.jpg",
                isDirectory: false,
                hasDirectories: false,
                path: "folder/Image.jpg",
                extension: ".jpg",
                size: 20,
                createdUtc: new Date(),
            },
            {
                name: "Image2.jpg",
                isDirectory: false,
                hasDirectories: false,
                path: "folder/Image2.jpg",
                extension: ".jpg",
                size: 20,
                createdUtc: new Date(),
            }
        ]}
    ];

    $("#fileManager").kendoFileManager({
        dataSource: myData
    });

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

  	fileManager.navigate("folder");
</script>