RayCraftDocs
v1.0.3 raycraft.dev
On this page

FileManager

Complete

Folder tree, path, and a list or tile view of the files in the current folder, with search, sorting, new folder, rename, delete and upload. The component keeps no files: it raises events and your code changes the list (a database, a disk or a cloud store). Keyboard: arrows move, Enter opens, F2 renames, Delete removes, Backspace goes up.

Example

FileManager control

Parameters

ParameterTypeDescription
ClassstringExtra CSS classes added to the root element.
CurrentFolderIdstringThe open folder. Use with @bind-CurrentFolderId.
ItemsIEnumerable<FileEntry>FileEntry(id, name, parentId, isFolder, size, modified) items; parentId is null at the top.
LabelstringVisible label text (charts: accessible name; IconButton: accessible name and tooltip).
MaxUploadSizeInt64Larger files are ignored (bytes).
ReadOnlyboolHides editing commands.
StylestringInline style added to the root element.

Events

EventTypeDescription
CurrentFolderIdChangedEventCallback<string>
OnCreateFolderEventCallback<FolderRequest>Raised with a FolderRequest (parent and name).
OnDeleteEventCallback<FileEntry>Raised after the user confirms deleting an entry.
OnOpenEventCallback<FileEntry>Raised with a file the user opens.
OnRenameEventCallback<FileRenameRequest>Raised with a FileRenameRequest (entry and new name).
OnUploadEventCallback<FileUploadRequest>Raised with the chosen files; when not set, the Upload button is hidden.

Package

FileManager is part of RayCraft Complete. Package: RayCraft.Blazor.Complete. It comes from the private RayCraft feed and needs an active license. See Getting started.