RayCraftDocs
v1.0.3 raycraft.dev
On this page

FileExplorer

Complete

File browser for a store that your code provides (a database, a disk or a cloud). The folder tree loads its subfolders when a folder is opened, the list shows the files in details or tiles with sorting and search, and several files can be selected. New folder, rename, delete and upload (with progress for every file) call your IFileExplorerSource; Capabilities tells which commands the source supports, and the others are hidden. Keyboard: arrows move, Shift and arrows extend the selection, Ctrl+A selects all, Space toggles, Enter opens, F2 renames, Delete removes, Ctrl+X and Ctrl+V move, Backspace goes up.

Example

FileExplorer control

Parameters

ParameterTypeDescription
ClassstringExtra CSS classes added to the root element.
FolderIdstringThe open folder (null is the top). Use with @bind-FolderId.
LabelstringVisible label text (charts: accessible name; IconButton: accessible name and tooltip).
MaxUploadFilesintMost files accepted in one upload or drop (default 1000).
MaxUploadSizeInt64Larger files are refused and shown as failed (bytes).
ReadOnlyboolHides every editing command.
SourceIFileExplorerSourceThe IFileExplorerSource that lists and changes the files.
StylestringInline style added to the root element.

Events

EventTypeDescription
FolderIdChangedEventCallback<string>
OnErrorEventCallback<Exception>Raised with the exception when a source command fails.
OnOpenEventCallback<FileEntry>Raised with a file the user opens (double click or Enter).
OnSelectionChangedEventCallback<IReadOnlyList<FileEntry>>Raised with the selected entries every time the selection changes.

Package

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