A complete file management component for browsing, uploading, and organizing files and folders. Supports both local data binding and server-side operations through customizable events.
Definition
Namespace:Telerik.Blazor.Components
Assembly:Telerik.Blazor.dll
Type Parameters:
TItem
Syntax:
public class TelerikFileManager<TItem> : DataBoundComponent<TItem>, IComponent, IHandleEvent, IHandleAfterRender, IDisposableInheritance: objectComponentBaseBaseComponentDataBoundComponent<TItem>TelerikFileManager<TItem>
Implements:
Inherited Members
Constructors
public TelerikFileManager()Methods
protected override void BuildRenderTree(RenderTreeBuilder __builder)Overrides:
public override void Dispose()Overrides:
Properties
Property name for creation date (local time). Default: "DateCreated".
[Parameter]
public string DateCreatedField { get; set; }Property name for creation date (UTC). Preferred over DateCreatedField. Default: "DateCreatedUtc".
[Parameter]
public string DateCreatedUtcField { get; set; }Property name for modification date (local time). Default: "DateModified".
[Parameter]
public string DateModifiedField { get; set; }Property name for modification date (UTC). Preferred over DateModifiedField. Default: "DateModifiedUtc".
[Parameter]
public string DateModifiedUtcField { get; set; }[CascadingParameter]
public DialogFactory DialogFactory { get; set; }Property name for child directories collection. Default: "Directories".
[Parameter]
public string DirectoriesField { get; set; }Shows loading indicator during file operations like reading, uploading, or deleting.
[Parameter]
public bool EnableLoaderContainer { get; set; }Property name for the file extension (without dot). Default: "Extension".
[Parameter]
public string ExtensionField { get; set; }Configures upload settings including URLs, file restrictions, and events. Children: FileManagerUploadSettings tag.
[Parameter]
public RenderFragment FileManagerSettings { get; set; }Defines the toolbar tools and their layout for the FileManager interface. Add toolbar components to provide users with file management actions like creating folders, uploading files, sorting, searching, and changing views. Children: FileManager toolbar tool components including: FileManagerToolBarNewFolderTool - Creates new folders in the current directory (requires OnCreate event handling), FileManagerToolBarUploadTool - Opens upload dialog for adding files (requires FileManagerSettings with upload configuration), FileManagerToolBarSortTool - Dropdown for selecting sort criteria (name, size, date modified), FileManagerToolBarSortDirectionTool - Toggle buttons for ascending/descending sort order, FileManagerToolBarFileViewTool - Switch between ListView and Grid display modes, FileManagerToolBarViewDetailsTool - Toggle visibility of the preview pane for file details, FileManagerToolBarSearchTool - Text input for filtering files and folders by name, FileManagerToolBarSpacer - Add spacing between toolbar elements, FileManagerToolBarCustomTool - Add custom buttons, dropdowns, or other interactive elements.
[Parameter]
public RenderFragment FileManagerToolBar { get; set; }Property name indicating if folder contains subdirectories. Default: "HasDirectories".
[Parameter]
public string HasDirectoriesField { get; set; }Sets the component height. Accepts CSS units like "400px" or "100%". Setting height enables internal scrolling for file lists.
[Parameter]
public string Height { get; set; }Property name for the item's unique identifier. Default: "Id".
[Parameter]
public string IdField { get; set; }Property name indicating if item is a folder. Default: "IsDirectory".
[Parameter]
public string IsDirectoryField { get; set; }Property name for child files collection. Default: "Items".
[Parameter]
public string ItemsField { get; set; }Property name for the file/folder display name. Default: "Name".
[Parameter]
public string NameField { get; set; }Fires when users create new folders. Handle the actual folder creation in your file system.
[Parameter]
public EventCallback<FileManagerCreateEventArgs> OnCreate { get; set; }Fires when users delete files or folders. Handle the actual removal from your file system.
[Parameter]
public EventCallback<FileManagerDeleteEventArgs> OnDelete { get; set; }Fires when users download files. Provide file content through the event args Stream property.
[Parameter]
public EventCallback<FileManagerDownloadEventArgs> OnDownload { get; set; }Fires when users start renaming files or folders. Set args.IsCancelled = true to prevent editing.
[Parameter]
public EventCallback<FileManagerEditEventArgs> OnEdit { get; set; }OnModelInit
Func<TItem>
Creates new model instances when your class doesn't have a parameterless constructor.
[Parameter]
public Func<TItem> OnModelInit { get; set; }Fires when the FileManager needs to load directory contents. Required for data-bound scenarios.
[Parameter]
public EventCallback<FileManagerReadEventArgs> OnRead { get; set; }Fires when users complete renaming operations. Persist the changes to your data store.
[Parameter]
public EventCallback<FileManagerUpdateEventArgs> OnUpdate { get; set; }Property name for the parent folder's identifier. Default: "ParentId".
[Parameter]
public string ParentIdField { get; set; }Current directory path. Use forward slashes like "/folder/subfolder". Empty string represents the root directory. Supports two-way binding.
[Parameter]
public string Path { get; set; }Fires when users navigate to a different directory.
[Parameter]
public EventCallback<string> PathChanged { get; set; }Property name for the file/folder path. Default: "Path".
[Parameter]
public string PathField { get; set; }SelectedItems
IEnumerable<TItem>
Collection of selected files and folders. Supports two-way binding.
[Parameter]
public IEnumerable<TItem> SelectedItems { get; set; }Fires when users select or deselect files and folders.
[Parameter]
public EventCallback<IEnumerable<TItem>> SelectedItemsChanged { get; set; }Property name for the file size in bytes. Default: "Size".
[Parameter]
public string SizeField { get; set; }Fires when users switch between ListView and Grid display modes.
[Parameter]
public EventCallback<FileManagerViewType> ViewChanged { get; set; }