Set Breadcrumb items programmatically

[Andrey]

Hi, Dev Team!

At first, really thank you for Breadcrumb!

How i can set items programmatically or bind to dataSource?

[Dimitar]

Hello Andrey,

Items could be set programmatically through the items() method:

<script>
    var breadcrumb = $("#breadcrumb").kendoBreadcrumb({

    }).getKendoBreadcrumb();

    breadcrumb.items([
        { type: "rootitem", text: "Home", showText: true, showIcon: false }
    ]);
</script>

I also noticed that there is a small typo in the items API link which I will fix accordingly. However, here is a Dojo example with a working version.

In case you have any additional questions, please let me know.

Regards,
Dimitar
Progress Telerik

[Andrey]

Hello Dimitar!

Thank you for reply. Actually i mean how i can append new items dynamically? Something like "breadcrumb.items.push({ type: "rootitem", text: "Home", showText: true, showIcon: false })"

[Dimitar]

Hello Andrey,

Thank you for the clarification provided.

There is no dedicated method for dynamically adding items in the Breadcrumb. However, this could be easily achieved by pushing the desired item to the items collection and the calling the refresh() method:

breadcrumb.items().push({ type: "item", text: "Inbox", showText: true, showIcon: false });
breadcrumb.refresh();

Regards,
Dimitar
Progress Telerik

[Andrey]

Yes, thank you! that exactly what i mean.