Skip to Content
0

SplitApp Navigation to another page

Nov 07, 2016 at 04:11 PM

147

avatar image
Former Member

Hi!

Could you help me? I would like to make a navigation with this blue button at the corner of master page to full Page. How can I do it?

And another question is it possible to make kind of side navigatoin with my app? It would be perfect if I could make my detail page as full page.

Thank you in advance!

Regards,

Khristina

nav.png (45.4 kB)
10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

3 Answers

avatar image
Former Member Nov 07, 2016 at 08:54 PM
0

Hi,

If I'm not wrong you might have created a parent view for split view, similarly you have to create a view and in it return the instance of sap.m.App with a id associated to it. This id(idMainAppControl)is key, which would be used in Component.js router configuration.

In Component.js router configuration define a routing rule/patter by passing Id for targetControl and for targetAggeration as pages.

Hope this helps.

Thanks,

Dheeram

Like below example

{
                pattern: "new",
                name: "new",
                view: "VIEW_NAME",
                targetAggregation: "pages",
                targetControl: "idMainAppControl",
            }, 

Share
10 |10000 characters needed characters left characters exceeded
Akhilesh Upadhyay Nov 08, 2016 at 06:10 AM
0

Hello,

you can make your details page as full screen by setting the mode of splitapp, try below:

setMode(sap.m.SplitAppMode.HideMode);

Regarding your first Question: that also be achievable, pls check below links:

Link1

Regards,

Akhilesh

Share
10 |10000 characters needed characters left characters exceeded
avatar image
Former Member Nov 08, 2016 at 03:52 PM
0

Thank you! But I have one more problem which I don't know how to solve. That's why I have a problem with Side Navigatoin. My applicaton loades first of all Master Page and only when I click on the list appers Detail page. How can I change this?

Component.js

        "config": {
            "resourceBundle": "i18n/i18n.properties",
            "titleResource": "SHELL_TITLE",

            "serviceConfig": {
                name: "UI5STAT1_SRV",
                serviceUrl: "/sap/opu/odata/kernc/UI5STAT1_SRV/"
            }
        },

        routing: {
            config: {
                viewType: "XML",
                viewPath: "Statusverwaltung3.view", // common prefix
                targetAggregation: "detailPages",

                clearTarget: false
            },
            routes: [{

                    pattern: "",
                    name: "master",
                    view: "Master",
                    targetAggregation: "masterPages",

                    preservePageInSplitContainer: true,
                    targetControl: "fioriContent",
                    subroutes: [{
                        pattern: "Detail/{contextPath}", // will be the url and from has to be provided in the data
                        view: "Detail",
                        name: "Detail" // name used for listening or navigating to this route

                    }]
                }

            ]

        }
    },


ghjg.png (51.9 kB)
hkl.png (84.0 kB)
Show 1 Share
10 |10000 characters needed characters left characters exceeded

you have to load the detail view as well but without actual entity bound to the ui controls. so a blank detail view will be visible to the user at startup of the application and as soon as a user clicks a item in your master view it will be bound to the detail view and is therefor visible to the user

0