<div id="fileManager"></div> <script> var baseUrl = "https://demos.telerik.com/service/v2/core/filemanager/"; $("#fileManager").kendoFileManager({ dataSource: { transport: { read: { method: "POST", url: baseUrl + "Read" }, update: { method: "POST", url: baseUrl + "Update" }, create: { method: "POST", url: baseUrl + "Create" }, destroy: { method: "POST", url: baseUrl + "Destroy" } } } }); var myData = [{ name: "Folder", isDirectory: true, hasDirectories: true, path: "Folder", extension: "", size: 0, createdUtc: new Date(), items: [{ name: "Subfolder", isDirectory: true, hasDirectories: false, path: "SubFolder", extension: "", size: 0, createdUtc: new Date() }] }]; var dataSource = new kendo.data.FileManagerDataSource({ data: myData, schema: kendo.data.schemas.filemanager }); var filemanager = $("#fileManager").data("kendoFileManager"); filemanager.setDataSource(dataSource); </script>