Hi,
Bread Crumbs enables users to navigate between items by providing a list of links to previous steps in the user’s navigation path. The remaining links prior to them are available in a drop-down menu.
Below is the code in JS:
var oBreadCrumbs = new sap.m.Breadcrumbs({
currentLocationText:”Breadcrumbs – Click”,
links:[
new sap.m.Link({text:”Breadcrumbs – Link”,
press:function(oEvent){
sap.m.MessageToast.show(oEvent.getSource().getText() + ” has been activated”);}
}),
new sap.m.Link({text:”Breadcrumbs – Link1″,
press:function(oEvent){
sap.m.MessageToast.show(oEvent.getSource().getText() + ” has been activated”);}
}),
new sap.m.Link({text:”Breadcrumbs – Link2″,
press:function(oEvent){
sap.m.MessageToast.show(oEvent.getSource().getText() + ” has been activated”);}
}),
new sap.m.Link({text:”Breadcrumbs – Link3″,
press:function(oEvent){
sap.m.MessageToast.show(oEvent.getSource().getText() + ” has been activated”);}
}),
new sap.m.Link({text:”Breadcrumbs – Link4″,
press:function(oEvent){
sap.m.MessageToast.show(oEvent.getSource().getText() + ” has been activated”);}
}),
]
})
var oPage = new sap.m.Page({
title: “Action Sheet Control”,
content: [
oBreadCrumbs
]
});
var app = new sap.m.App({
pages: [oPage]
}).placeAt(“content”);
Link: JS Bin – BreadCrumbs UI5
