Skip to Content
Technical Articles
Jai Sharma
Jai Sharma
July 23, 2019 1 minute read

Cross App Navigation (“One App to Another App”)

Follow RSS feed
1 Like 452 Views 1 Comment

You can develop navigation from an SAP Fiori app to another SAP Fiori app using the CrossApplicationNavigation service.

  • In this blog post, I would like to discuss on Cross-app navigation,In SAP Fiori application.
  • I have created two  SAP Fiori applications:

In the Fiori launchpad, I am calling app1 from app2.

Our goal is to navigate to app2, so in the app2 we need to define the intents. In the navigation tab of manifest.json file provide the semantic object name, viewExtensions and action to be performed as display

One Fiori Application To another Fiori Application go by using cross navigation …we use following code for that :

  1. ListReport.js
  2. customfilter.fragment.xml
  3. manifest.json

———————————————————————————————————————————–

  • In ListReport.js File We Write the code :

onTRequest : function (oEvent) {

var oCrossAppNav = sap.ushell && sap.ushell.Container && sap.ushell.Container.getService("CrossApplicationNavigation");
var href_display = (oCrossAppNav && oCrossAppNav.toExternal({
target: {
shellHash: "TEMS-display"
}
})) || "";

},

  • In customfilter.fragment.xml File We Write the code :

<core:FragmentDefinition xmlns="sap.m" xmlns:smartfilterbar="sap.ui.comp.smartfilterbar" xmlns:core="sap.ui.core">
<smartfilterbar:ControlConfiguration key="globalSearch" index="1" label="{i18n>Search}" groupId="_BASIC">
<smartfilterbar:customControl>
<SearchField id="globalSearch" search="handleSearch"/>
</smartfilterbar:customControl>
</smartfilterbar:ControlConfiguration>

<smartfilterbar:ControlConfiguration key="button" index="5" groupId="_BASIC" >
<smartfilterbar:customControl>
<Button text="Taxi Request" press="onTRequest" class="buttonrip"/>
</smartfilterbar:customControl>
</smartfilterbar:ControlConfiguration> 

</core:FragmentDefinition>

  • In manifest.json File Write the Code :

"sap.ui.viewExtensions": {
"sap.suite.ui.generic.template.ListReport.view.ListReport": {
"SmartFilterBarControlConfigurationExtension|EntityName": {
"className": "sap.ui.core.Fragment",
"fragmentName": "ext.fragment.Customfilter",
"type": "XML"
}
}
},

Hope it’s useful!!

Thank you 🙂

 

Assigned tags

Related Blog Posts

    Related Questions

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