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

Capture.PNG

To report this post you need to login first.

Be the first to leave a comment

You must be Logged on to comment or reply to a post.

Leave a Reply