New to Telerik UI for Blazor? Download free 30-day trial

Breadcrumb Events

This article explains the events available in the Telerik Breadcrumb for Blazor:

OnItemClick

The OnItemClick event fires when the user clicks or taps on a Breadcrumb item and before any navigation occurs. It receives object of type BreadcrumbItemClickEventArgs which exposes the following fields:

  • Item - an object you can cast to your model class to obtain the clicked data item.
  • IsCancelled - specifies whether the event is canceled and the built-in action is prevented.

The event will not fire for the last item and for disabled items.

You can use the OnItemClick event to react to user choices in a Breadcrumb, and load new content without using navigation.

Handle OnItemClick event of the Breadcrumb

@* Handle the OnItemClick event of the Breadcrumb and cancel it for Item 3*@

@logger

<TelerikBreadcrumb OnItemClick="@ClickHandler"
                   Data="@Items" >
</TelerikBreadcrumb>

@code {
    string logger;

    void ClickHandler(BreadcrumbItemClickEventArgs args)
    {
        var ClickedItem = args.Item as BreadcrumbItem;

        logger = $"User clicked {ClickedItem.Text}";

        if (ClickedItem.Text == "Item 3")
        {
            args.IsCancelled = true;
            logger = $"OnItemClick is cancelled for {ClickedItem.Text}";
        }
    }

    public IEnumerable<BreadcrumbItem> Items { get; set; }

    protected override void OnInitialized()
    {
        Items = new List<BreadcrumbItem>
        {
            new BreadcrumbItem { Text = "Item 1" },
            new BreadcrumbItem { Text = "Item 2" },
            new BreadcrumbItem { Text = "Item 3" },
            new BreadcrumbItem { Text = "Item 4" },
        };
    }

    public class BreadcrumbItem
    {
        public string Text { get; set; }
    }
}

See Also

In this article
Not finding the help you need? Improve this article