Skip to Content

How to navigate to a Detail screen on pressing list when passing two parameters ?

Hi all,

I have a master list that gets loaded dynamically based on the logged user in the launchpad.

I use XML coding for my view. Here's my code.


<List id="idMyRequestList"></List>


onclicklistitem: function (oEvent)


ProId = oEvent.getSource().getAggregation("attributes")[0].getBindingContext().getProperty("ProcessName");

var oRouter = sap.ui.core.UIComponent.getRouterFor(this);

var oItem, oCtx;

oItem = oEvent.getSource();

oCtx = oItem.getBindingContext();

this.oRouter.navTo("Detail",{ EmployeeId : oCtx.getProperty("EmployeeId")},

{ WorkitemId : oCtx.getProperty("WorkitemId") });


Component .js:

routing: { config: {

viewType: "XML",

viewPath: "SalesOrder.views",

clearTarget: false, controlId: "idSplitApp",

controlAggregation: "masterPages",

transition: "show" },

routes: [

{ pattern: "",

name: "Master", target: "Master", controlAggregation: "masterPages"


{ pattern: "Detail/{EmployeeId},{WorkitemId}",

name :"Detail", target: "Detail", controlAggregation: "detailPages"


When I click the list item, I get an error and it's not navigated to the detail screen. I have attached my error screen shot.

Can someone help me with this?



Add comment
10|10000 characters needed characters exceeded

  • Follow
  • Get RSS Feed

3 Answers

  • avatar image
    Former Member
    Feb 22, 2017 at 12:44 PM

    Hi Ramya,

    Based on the Error from your screen shot. your oRouter is undefined. if you initialise your routing in Component.js already, you just need to call this.getRouter()

    and just a side note, UI5 introduces the new way to put the configuration for the routing inside Manifest.json instead of Component.js.


    Add comment
    10|10000 characters needed characters exceeded

  • Feb 22, 2017 at 01:03 PM

    in your current code you are defining a local variable for router, but while using navTo function you are using a global variable :

    var oRouter = sap.ui.core.UIComponent.getRouterFor(this);

    oRouter = this.getOwnerComponent().getRouter() // try this if above code is not working, may work

    this.oRouter.navTo("Detail",{ EmployeeId : oCtx.getProperty("EmployeeId")}, // instead of this.oRouter use oRouter only.

    I think this is the issue.


    Add comment
    10|10000 characters needed characters exceeded

  • Mar 26, 2018 at 09:57 AM


    You should use navTo this way.

    this.getOwnerComponent().getRouter().navTo("Detail",{ EmployeeId : oCtx.getProperty("EmployeeId")},

    { WorkitemId : oCtx.getProperty("WorkitemId") });



    Add comment
    10|10000 characters needed characters exceeded