Class FileManagerCustomToolbarItem

Represents a collection of FileManagerCustomToolbarItem in File Manager component.

Inheritance
object
ComponentBase
OwningComponentBase
SfOwningComponentBase
FileManagerCustomToolbarItem
Implements
Inherited Members
Namespace: Syncfusion.Blazor.FileManager
Assembly: Syncfusion.Blazor.dll
Syntax
public class FileManagerCustomToolbarItem : SfOwningComponentBase, IComponent, IHandleEvent, IHandleAfterRender, IDisposable
Remarks

In the example below, a custom File Manager toolbar item has been added using FileManagerCustomToolbarItem tag directive. To render the Template with required order in toolbar items, use the same 'Name' property in the tags and items list.

Examples
<SfFileManager TValue="FileManagerDirectoryContent">
<FileManagerAjaxSettings Url = "https://ej2-aspcore-service.azurewebsites.net/api/FileManager/FileOperations"
UploadUrl="https://ej2-aspcore-service.azurewebsites.net/api/FileManager/Upload"
DownloadUrl="https://ej2-aspcore-service.azurewebsites.net/api/FileManager/Download"
GetImageUrl="https://ej2-aspcore-service.azurewebsites.net/api/FileManager/GetImage">
</FileManagerAjaxSettings>
<FileManagerToolbarSettings ToolbarItems="@Items"> 
<FileManagerCustomToolbarItems>
<FileManagerCustomToolbarItem Name="CustomCheck">
<Template>
<SfButton CssClass="e-tbar-btn-text e-tbar-ddb-text" Content="Zoom In"></SfButton>
</Template>
</FileManagerCustomToolbarItem>
</FileManagerCustomToolbarItems>
</FileManagerToolbarSettings>
</SfFileManager>
@code {
private List<ToolBarItemModel> Items = new List<ToolBarItemModel>()
{
new ToolBarItemModel() { Name="NewFolder"},
new ToolBarItemModel() { Name = "Upload"},
new ToolBarItemModel() { Name = "Cut"},
new ToolBarItemModel() { Name = "Copy"},
new ToolBarItemModel() { Name = "Paste"},
new ToolBarItemModel() { Name = "Delete"},
new ToolBarItemModel() { Name = "Download"},
new ToolBarItemModel() { Name = "Reaname"},
new ToolBarItemModel() { Name = "SortBy"},
new ToolBarItemModel() { Name = "Refresh"},
new ToolBarItemModel() { Name = "Selection"},
new ToolBarItemModel() { Name = "View"},
new ToolBarItemModel() { Name = "Details"},
new ToolBarItemModel() {  Name = "CustomCheck", TooltipText ="Check"},
new ToolBarItemModel() {  Name = "CustomUncheck", Text = "Uncheck", TooltipText ="Uncheck", PrefixIcon="e-icons e-check-box" },
};
}

Constructors

FileManagerCustomToolbarItem()

Declaration
public FileManagerCustomToolbarItem()

Properties

Name

Gets or sets the custom tool name.

Declaration
[Parameter]
public string Name { get; set; }
Property Value
Type Description
string

Accepts a string value. The default value is String.Empty.
Remarks

To render the Template with required order in toolbar items, use the same 'Name' property in the tags and items list.

Template

Gets or sets the template to customize the toolbar item.

Declaration
[Parameter]
public RenderFragment Template { get; set; }
Property Value
Type Description
RenderFragment

This value can be used to define custom HTML or Razor markup to be rendered as the content of the component.
Remarks

The ContentTemplate is a RenderFragment that allows developers to customize the appearance and content of the component.

Methods

Dispose(bool)

Declaration
protected override void Dispose(bool disposing)
Parameters
Type Name Description
bool disposing
Overrides

OnInitializedAsync()

Declaration
protected override Task OnInitializedAsync()
Returns
Type
Task
Overrides

Implements