dataSource Object | Array | kendo.data.FileManagerDataSource

Sets the FileManagerDataSource of the FileManager. Can be bound to a remote service or local data.

Example

<div id="fileManager"></div>
<script>
    var baseUrl = "https://demos.telerik.com/kendo-ui/service/filemanager/";

    $("#fileManager").kendoFileManager({
        dataSource: {
            transport: {
                read: {
                    type: "post",
                    url: baseUrl + "Read"
                },
                update: {
                    type: "post",
                    url: baseUrl + "Update"
                },
                create: {
                    type: "post",
                    url: baseUrl + "Create"
                },
                destroy: {
                    type: "post",
                    url: baseUrl + "Destroy"
                }
            }
        }
    });
</script>

Example

<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
});     
</script>
In this article
Not finding the help you need? Improve this article