Class FileManagerCustomToolbarItem

Represents a collection of FileManagerCustomToolbarItem in File Manager component.

Inheritance

System.Object

FileManagerCustomToolbarItem

Namespace: Syncfusion.Blazor.FileManager

Assembly: Syncfusion.Blazor.dll

Syntax

public class FileManagerCustomToolbarItem : OwningComponentBase

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

public string Name { get; set; }

Property Value

Type	Description
System.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

public RenderFragment Template { get; set; }

Property Value

Type	Description
Microsoft.AspNetCore.Components.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(Boolean)

Declaration

protected override void Dispose(bool disposing)

Parameters

Type	Name	Description
System.Boolean	disposing

OnInitializedAsync()

Declaration

protected override Task OnInitializedAsync()

Returns

Type
System.Threading.Tasks.Task