<div id="filemanager"></div>
<script>
$("#filemanager").kendoFileManager({
    dataSource: new kendo.data.FileManagerDataSource({
        schema: {
            model: {
                id: "name",
                fields: {
                    name: { type: "string" },
                    size: { type: "number" },
                    path: { type: "string" },
                    extension: { type: "string" },
                    isDirectory: { type: "boolean" }
                }
            }
        },
        data: [
            { name: "Images", size: null, path: "Images", extension: "", isDirectory: true },
            { name: "Videos", size: null, path: "Videos", extension: "", isDirectory: true },
            { name: "photo.jpg", size: 524288, path: "Images/photo.jpg", extension: ".jpg", isDirectory: false },
            { name: "video.mp4", size: 10485760, path: "Videos/video.mp4", extension: ".mp4", isDirectory: false }
        ]
    })
});
</script>