New to Telerik UI for ASP.NET MVC? Download free 30-day trial

Events

The Breadcrumb exposes Click() and Change() events that you can handle to customize the functions of the component.

For a complete example on basic Breadcrumb events, refer to the demo on using the events of the Breadcrumb.

@(Html.Kendo().Breadcrumb()
        .Name("breadcrumb")
        .Events(e => 
                e.Click("onClick")
                .Change("onChange"))
        .Items(items =>
        {
            items.Add()
                    .Type(BreadcrumbItemType.RootItem)
                    .Href("https://demos.telerik.com/aspnet-core/")
                    .Text("All Components")
                    .ShowText(true)
                    .Icon("home")
                    .ShowIcon(true);
            items.Add()
                    .Type(BreadcrumbItemType.Item)
                    .Href("/breadcrumb")
                    .Text("Breadcrumb")
                    .ShowText(true);
            items.Add()
                    .Type(BreadcrumbItemType.Item)
                    .Href("/events")
                    .Text("Events")
                    .ShowText(true);
        })
)

<script>
    function onClick(e) {
        console.log("Clicked. :: target: " + e.item.text + ". Type :: " + e.item.type);
    }

    function onChange(e) {
        console.log("Changed. New Value :: " + e.value);
    }

</script>

Next Steps

See Also

In this article