JavaScript/jQuery FileManager - Object
The Object file system provider works with a file system represented by an in-memory array of JSON objects.
Assign the array to the data property. Data object fields should have conventional names listed in the data description. Otherwise, specify [fieldName]Expr properties: nameExpr, sizeExpr, dateModifiedExpr, and so on.
The following code shows how to bind the FileManager to the Object file system provider:
jQuery
$(function() {
$("#fileManagerContainer").dxFileManager({
fileSystemProvider: new DevExpress.fileManagement.ObjectFileSystemProvider({
data: [
// ...
// Data objects that represent files and directories
// ...
],
thumbnailExpr: "icon",
// ...
})
// A shortcut that can be used if object fields have conventional names
fileSystemProvider: [
// ...
// Data objects that represent files and directories
// ...
]
});
});Configuration
| Name | Description |
|---|---|
| contentExpr |
Specifies which data field provides information about files content. |
| data |
Specifies an array of data objects that represent files and directories. |
| dateModifiedExpr |
Specifies which data field provides timestamps that indicate when a file was last modified. |
| isDirectoryExpr |
Specifies which data field provides information about whether a file system item is a directory. |
| itemsExpr |
Specifies which data field provides information about nested files and directories. |
| keyExpr |
Specifies the data field that provides keys. |
| nameExpr |
Specifies which data field provides file and directory names. |
| sizeExpr |
Specifies which data field provides file sizes. |
| thumbnailExpr |
Specifies which data field provides icons to be used as thumbnails. |
Methods
| Name | Description |
|---|---|
| abortFileUpload() |
Cancels the file upload. |
| copyItems() |
Copies files or folders. |
| createDirectory() |
Creates a directory. |
| deleteItems() |
Deletes files or folders. |
| downloadItems() |
Downloads files. |
| getItems() |
Gets file system items. |
| getItemsContent() |
Gets items content. |
| moveItems() |
Moves files and folders. |
| renameItem() |
Renames a file or folder. |
| uploadFileChunk() |
Uploads a file in chunks. |