View Replacement: SAP Fiori App Extension Project

Problem Statement: In SAP Fiori extension project, we need to Enhance master Page List control (inherited from Standard app) which does not have growing property enabled. In this example we ll change it using View Replacement technique.

I believe similar requirements can be achieved with

By putting JS code in view Controller which ll capture the List Control & set the Growing attribute.

Replace, change it & integrate the View with extension project.

Here I ll be demonstrating the 2nd option. Key Components used to achieve this functionality.

Parent Application View: ProductsList.view.xml

Replaced View in Extended Project: Copy ProductsList.view.xml into ProductsListRep.view.xml, perform necessary changes as mentioned below.

Component.js of Extended Project: Here we mention the configuration related to View, Controller Enhancement, Extension or Replacement as required.

You are good to go with new replaced View. Results

Before:

After:

Hope you enjoyed the blog!