Skip to Content
Technical Articles

Navigation from List Report Responsive Table to Another App on Fiori Launchpad

Hi All

In this blog I’m going to detail on Navigation from a list report responsive table to another app on fiori launchpad using parameters.

Here the other app may or may not be a smart template application. It may also be an URL configured in a Tile on launchpad

This blog details on how to disable the default navigation from a list report to an Object page of a list report application and enable cross application navigation using parameters.

Pre-Requisites

  1. Create a List Report application and configure it on Fiori launchpad- App1(semantic object app11)
  2. Configure another application in a tile on launchpad-App2(semantic object app2)

Steps

  1. Open the manifest.json of app1
  2. Under the sap.app section configure cross navigation as shown below
    "crossNavigation": {
    			"inbounds": {},
    			"outbounds": {
    				"toApp2": {
    					"semanticObject": "app2",
    					"action": "display"
    				}
    			}
    		}
  3. Create a list report extension (right click project->New Extension->list report extension)
  4. in ListReportExt.controller.js we are going to override this method(onListnavigationExtension).here”toApp2″is the name we have given in manifest.
    onListNavigationExtension: function (oEvent) {
    		var oNavigationController = this.extensionAPI.getNavigationController();
    		var oBindingContext = oEvent.getSource().getBindingContext();
    		var oObject = oBindingContext.getObject();
    		oNavigationController.navigateExternal("toApp2", {
    			"anyParamName": oObject.id// Note this is the proprty name from odata
    		});
    		return true;
    	},‚Äč

     

  5. .Save and run.
  6. You will get the same carousel icon in list report page, but now it will navigate to app2 with the parameters specified in the URL

 

 

2 Comments
You must be Logged on to comment or reply to a post.