BreadCrumbs in JS

[Former Member]

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