Skip to Content

Routing issue for header and menu bar layout

Hello Everyone,

I have requirement to design application as shown in below Mock up.

I tried this code in app.view.controller but unable to route to “newView”.

onNewAssignment: function(oEvent){

this._router.navTo("newView");

}

View code:

In design, header bar and top navigation bar should be constant throughout application so want to display different view in content part of App.view. Below is my routing rule defined.


Component.js



I am not getting any error, # parameter is getting changed in URL but view is not getting called.

Kindly suggest if you have approach to design such a layout. On every Menu items we have to display different views and fragments.


Regards,

Jain.

GA_UI.PNG (30.1 kB)
GA_view.PNG (35.1 kB)
ga_comp.PNG (14.3 kB)
Add a comment
10|10000 characters needed characters exceeded

Assigned Tags

Related questions

2 Answers

  • Best Answer
    Posted on Jul 16, 2016 at 07:19 AM

    Hi Jain,

    I am not sure, where you might be going wrong. But, I see that you can assign multiple targets in single route.

    Go through this tutorial: SAPUI5 SDK - Demo Kit

    I tried to build a sample which might suit to your requirement: Plunker

    Page header and tab header remains constant in the above sample, only content changes.

    Regards,

    Sai.

    Add a comment
    10|10000 characters needed characters exceeded

  • author's profile photo Former Member
    Former Member
    Posted on Jul 15, 2016 at 01:53 PM

    Hi Jain,

    Did u initialize the router in init function of component.js?

    ex:

    init : function() {

    this.getRouter().initialize();

    }

    Thanks,

    Preethi

    Add a comment
    10|10000 characters needed characters exceeded

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.