Skip to Content

Extend FIORI Elements Navigation function


I have a FIORI Element app with ListReport and ObjectPage.

in ListReport, there's a list of Documents.(let's call it Screen A), I can goto the detail object page by clicking:

In the object page, I can also navigating to details of Line Items by clicking:

Then I'll be in detail of LineItem.

What I want is to navigating from the first screen directly to the detail of LineItem(third screen).

I've read documents that I can use navigateInternal of sap.suite.ui.generic.template.extensionAPI.NavigationController,

but I don't know how to get correct vContext or oNavigationData.

Any suggestion?



1st.png (63.2 kB)
2nd.png (103.5 kB)
Add comment
10|10000 characters needed characters exceeded

  • Hello, could you provide more details about the app you created? I would like to make one with the same layout (3 screens, two with line items) and I am unable to find an example.

    Thank you!

  • Get RSS Feed

2 Answers

  • Oct 31, 2017 at 08:10 PM


    Maybe you already solved it, but below my solution:

    You can use conditional navigations following the help:

    Furthermore you have to extend your manifest file with your requested navigation target:

    Add comment
    10|10000 characters needed characters exceeded

  • Aug 16, 2018 at 11:57 AM

    Hello Mr. Wang.

    I've been trying to contact you because I have a development request that is almost the same you are describing here.

    Would it be possible to get an example on how you got the line items table working on the object page?

    All the examples I've found so far, haven't helped at all, but I've noticed that you were successful in that point and I would like to implement the same solution.

    Could you provide me a contact to you so that we could talk? Or an example on how you achieved that?

    Thank you

    Add comment
    10|10000 characters needed characters exceeded

    • Hi Carlos,

      Sorry for the late reply, I've got no frequent access to Community these days.

      The way I got it work is simple - generate URL from developers side, I find existing UI5 controls do not help.
      In my case, the URL consists of two part : a) host and Application info; b) key-value pairs for 1st/2nd detail page.
      such as:

      you can get the a) part by OnClick event of a link in one item in the table:

      URLa = oEvent.getSource().getBindingContext().getPath()...

      by doing this, I can get

      and then I can generate URL by

      URL = URLa + '/DetailPage2' + '(Key3=' + value3 + ....

      of course value1/2/3 if fetched from context, also in OnClick event. in the code.

      Hope this helps