Vue FileManager - FileSystemError

An object that contains information about the error.

import FileSystemError from "devextreme/file_management/error"

App.vue
  • <template>
  • <DxFileManager :file-system-provider="keepExtensionsProvider">
  • <DxPermissions :rename="true" />
  • </DxFileManager>
  • </template>
  •  
  • <script>
  • import ObjectFileSystemProvider from "devextreme/file_management/object_provider";
  • import CustomFileSystemProvider from "devextreme/file_management/custom_provider";
  • import FileSystemError from "devextreme/file_management/error";
  • import { DxFileManager, DxPermissions } from "devextreme-vue/file-manager";
  • import { fileItems } from "./data.js";
  • export default {
  • components: {
  • DxFileManager,
  • DxPermissions,
  • },
  • data() {
  • return {
  • objectProvider: new ObjectFileSystemProvider({ data: fileItems }),
  • keepExtensionsProvider: new CustomFileSystemProvider({
  • getItems: (parentDir) => this.getItems(parentDir),
  • renameItem: (item, newName) => this.renameItem(item, newName),
  • }),
  • };
  • },
  • methods: {
  • getItems(parentDir) {
  • return this.objectProvider.getItems(parentDir);
  • },
  • renameItem(item, newName) {
  • return new Promise((resolve, reject) => {
  • if(item.getFileExtension() !== this.getExtension(newName)) {
  • // 1 - reject
  • reject(new FileSystemError(5, item, "You cannot change the file extension."));
  • // 2 - throw
  • // throw new FileSystemError(5, item, "You cannot change the file extension.");
  • } else {
  • resolve(this.objectProvider.renameItem(item, newName));
  • }
  • });
  • },
  • },
  • },
  • };
  • </script>

errorCode

The error code.

Type:

Number

The following error codes are supported:

  • NoAccess = 0
  • FileExists = 1
  • FileNotFound = 2
  • DirectoryExists = 3
  • DirectoryNotFound = 4
  • WrongFileExtension = 5
  • MaxFileSizeExceeded = 6
  • Other = 32767

errorText

The error message.

Type:

String

fileSystemItem

The processed file or directory.