Skip to Content
author's profile photo Former Member
Former Member

fiori Extension

Dear All,

I am trying to extend fiori app sales order tracking. I am using Eclipes (fiori tool kit) and Web ide . I had follow many link from scn but still no result

I had test odata where i can able to see payment term the extended part but not in fiori app.

Below link i had fellow and also end to end fiori extension. Still i am unable to figure out the issue why the data is not display in App.

http://scn.sap.com/docs/DOC-54928

http://scn.sap.com/docs/DOC-53177

Add a comment
10|10000 characters needed characters exceeded

Assigned Tags

Related questions

4 Answers

  • Posted on Jun 07, 2016 at 04:33 AM

    Hi Ramchandra,

    Both those documents are very helpful. And testing your OData is definitely a good first step. However you need to give some more clues as to WHY your app is not working so we can help you. Let me make a few suggestions that may help you do that...

    When extending apps always start from the Fiori Apps Library. Fiori Apps Library

    In there find the app and go to the Implementation section.

    There you will find the implementation and extensibility help for that particular app. This helps you work out what you can change. It's worth telling us not just which app, but which view/controller/etc. you are trying to change. Some changes require an update to multiple components.

    You mention Web IDE? Are you using HCP Web IDE or Local Web IDE?

    By preference use HCP Web IDE as this is always the most up to date and has the best help.

    If you are using the Local Web IDE make very sure you have the latest version as it went through a major update only recently.

    You will also need some SAPUI5 knowledge. The Web IDE will help you make the extensions correctly, but of course if something is not working you still need to know how to troubleshoot it. For instance, in the Developer Tools of a Chrome browser you can find any errors that might be stopping your data from being displayed, or debug why your model is not reading the data.

    I highly recommend the openSAP SAPUI5 course Developing Web Apps with SAPUI5 -

    as an introduction to both the coding and the debugging. Remember you can always enter the course in self paced mode to get the slides, watch the videos and see how the experts debug SAPUI5.

    Rgds,

    Jocelyn

    Add a comment
    10|10000 characters needed characters exceeded

    • Former Member Jocelyn Dart

      Hi,

      Please let me know if anything is missing. And i very thankfully for your help.

      web.xml

      <?xml version="1.0" encoding="UTF-8"?>

      <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" version="2.5">

      <display-name>Project SAP Fiori</display-name>

      <servlet>

      <display-name>ResourceServlet</display-name>

      <servlet-name>ResourceServlet</servlet-name>

      <servlet-class>com.sap.ui5.resource.ResourceServlet</servlet-class>

      </servlet>

      <servlet-mapping>

      <servlet-name>ResourceServlet</servlet-name>

      <url-pattern>/resources/*</url-pattern>

      </servlet-mapping>

      <servlet-mapping>

      <servlet-name>ResourceServlet</servlet-name>

      <url-pattern>/test-resources/*</url-pattern>

      </servlet-mapping>

      <!-- ============================================================== -->

      <!-- UI5 proxy servlet used to handle application resources -->

      <!-- ============================================================== -->

      <servlet>

      <display-name>ProxyServlet</display-name>

      <servlet-name>ProxyServlet</servlet-name>

      <servlet-class>com.sap.ui5.proxy.SimpleProxyServlet</servlet-class>

      </servlet>

      <servlet-mapping>

      <servlet-name>ProxyServlet</servlet-name>

      <url-pattern>/proxy/*</url-pattern>

      </servlet-mapping>

      <context-param>

      <param-name>com.sap.ui5.resource.DEV_MODE</param-name>

      <param-value>true</param-value>

      </context-param>

      <filter>

      <display-name>CacheControlFilter</display-name>

      <filter-name>CacheControlFilter</filter-name>

      <filter-class>com.sap.ui5.resource.CacheControlFilter</filter-class>

      </filter>

      <filter-mapping>

      <filter-name>CacheControlFilter</filter-name>

      <url-pattern>*.html</url-pattern>

      </filter-mapping>

      <filter-mapping>

      <filter-name>CacheControlFilter</filter-name>

      <url-pattern>*.js</url-pattern>

      </filter-mapping>

      <filter-mapping>

      <filter-name>CacheControlFilter</filter-name>

      <url-pattern>*.xml</url-pattern>

      </filter-mapping>

      <filter-mapping>

      <filter-name>CacheControlFilter</filter-name>

      <url-pattern>*.json</url-pattern>

      </filter-mapping>

      <filter-mapping>

      <filter-name>CacheControlFilter</filter-name>

      <url-pattern>*.css</url-pattern>

      </filter-mapping>

      <welcome-file-list>

      <welcome-file>index.html</welcome-file>

      </welcome-file-list>

      </web-app>

      extSOChangePaymentInfoCustom.fragment.xml

      <core:FragmentDefinition xmlns="sap.m" xmlns:core="sap.ui.core">

      <ObjectAttribute active="false" text="{i18n&gt;PAYMENTTERMS} {path:'PaymentTerms'}"/>

      </core:FragmentDefinition>

      fiori Ext-1.jpg (116.0 kB)
      fiori-2.jpg (80.1 kB)
  • author's profile photo Former Member
    Former Member
    Posted on Jun 07, 2016 at 04:57 AM

    Hi Ramchandra,

    I am looking two things from you in order to fix this issue .

    1. Component.js file code of extended fiori app

    2. While you are accessing your extended fiori app, press F12 and share the screen shot of same.

    Thank you.

    Regards

    Sandeep

    Add a comment
    10|10000 characters needed characters exceeded

    • Former Member

      Hi Sandeep,

      Thanks for your input . If required i can share the zip file of extension project .

      Component.js code

      jQuery.sap.declare("cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.Component");

      // use the load function for getting the optimized preload file if present

      sap.ui.component.load({

      name: "cus.sd.salesorder.monitor",

      url: jQuery.sap.getModulePath("cus.sd.salesorder.monitor.Z_SD_SO_MOM_11") + "/../{parent project url}" // provide parent project url

      // we use a URL relative to our own component; might be different if

      // extension app is deployed with customer namespace

      });

      cus.sd.salesorder.monitor.Component.extend("cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.Component", {

      metadata: {

      version : "1.0",

      config : {

      "sap.ca.i18Nconfigs": {

      "bundleName":"cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.i18n.i18n"

      },

      "sap.ca.serviceConfigs": [{

      name: "SRA018_SO_TRACKING_SRV",

      serviceUrl: "/sap/opu/odata/sap/ZSRA018_SO_TRACKING_SRV_01/",

      isDefault: true

      }],

      },

      customizing: {

      "sap.ui.viewExtensions": {

      "cus.sd.salesorder.monitor.view.S3New": {

      "extSOChangePaymentInfo": {

      className: "sap.ui.core.Fragment",

      fragmentName: "cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.view.extSOChangePaymentInfoCustom",

      type: "XML",

      },

      },

      "cus.sd.salesorder.monitor.view.S3": {

      "extSOChangePaymentInfo": {

      className: "sap.ui.core.Fragment",

      fragmentName: "cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.view.extSOChangePaymentInfoCustom",

      type: "XML",

      },

      },

      },

      "sap.ui.controllerExtensions": {

      "cus.sd.salesorder.monitor.view.S2": {

      controllerName: "cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.view.S2Custom",

      },

      },

      }

      }

      });

      f2.jpg (298.3 kB)
      f1.png (4.5 kB)
  • author's profile photo Former Member
    Former Member
    Posted on Jun 07, 2016 at 01:31 PM

    Hi Sandeep,

    Thanks for your reply .If required i can mail you te zip file of extened project.

    Component.js

    jQuery.sap.declare("cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.Component");

    // use the load function for getting the optimized preload file if present

    sap.ui.component.load({

    name: "cus.sd.salesorder.monitor",

    url: jQuery.sap.getModulePath("cus.sd.salesorder.monitor.Z_SD_SO_MOM_11") + "/../{parent project url}" // provide parent project url

    // we use a URL relative to our own component; might be different if

    // extension app is deployed with customer namespace

    });

    cus.sd.salesorder.monitor.Component.extend("cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.Component", {

    metadata: {

    version : "1.0",

    config : {

    "sap.ca.i18Nconfigs": {

    "bundleName":"cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.i18n.i18n"

    },

    "sap.ca.serviceConfigs": [{

    name: "SRA018_SO_TRACKING_SRV",

    serviceUrl: "/sap/opu/odata/sap/ZSRA018_SO_TRACKING_SRV_01/",

    isDefault: true

    }],

    },

    customizing: {

    "sap.ui.viewExtensions": {

    "cus.sd.salesorder.monitor.view.S3New": {

    "extSOChangePaymentInfo": {

    className: "sap.ui.core.Fragment",

    fragmentName: "cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.view.extSOChangePaymentInfoCustom",

    type: "XML",

    },

    },

    "cus.sd.salesorder.monitor.view.S3": {

    "extSOChangePaymentInfo": {

    className: "sap.ui.core.Fragment",

    fragmentName: "cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.view.extSOChangePaymentInfoCustom",

    type: "XML",

    },

    },

    },

    "sap.ui.controllerExtensions": {

    "cus.sd.salesorder.monitor.view.S2": {

    controllerName: "cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.view.S2Custom",

    },

    },

    }

    }

    });


    f2.jpg (298.3 kB)
    Add a comment
    10|10000 characters needed characters exceeded

  • author's profile photo Former Member
    Former Member
    Posted on Jun 07, 2016 at 01:36 PM

    Hi Sandeep,

    Thanks for reply.

    Component.js

    jQuery.sap.declare("cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.Component");

    // use the load function for getting the optimized preload file if present

    sap.ui.component.load({

    name: "cus.sd.salesorder.monitor",

    url: jQuery.sap.getModulePath("cus.sd.salesorder.monitor.Z_SD_SO_MOM_11") + "/../{parent project url}" // provide parent project url

    // we use a URL relative to our own component; might be different if

    // extension app is deployed with customer namespace

    });

    cus.sd.salesorder.monitor.Component.extend("cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.Component", {

    metadata: {

    version : "1.0",

    config : {

    "sap.ca.i18Nconfigs": {

    "bundleName":"cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.i18n.i18n"

    },

    "sap.ca.serviceConfigs": [{

    name: "SRA018_SO_TRACKING_SRV",

    serviceUrl: "/sap/opu/odata/sap/ZSRA018_SO_TRACKING_SRV_01/",

    isDefault: true

    }],

    },

    customizing: {

    "sap.ui.viewExtensions": {

    "cus.sd.salesorder.monitor.view.S3New": {

    "extSOChangePaymentInfo": {

    className: "sap.ui.core.Fragment",

    fragmentName: "cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.view.extSOChangePaymentInfoCustom",

    type: "XML",

    },

    },

    "cus.sd.salesorder.monitor.view.S3": {

    "extSOChangePaymentInfo": {

    className: "sap.ui.core.Fragment",

    fragmentName: "cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.view.extSOChangePaymentInfoCustom",

    type: "XML",

    },

    },

    },

    "sap.ui.controllerExtensions": {

    "cus.sd.salesorder.monitor.view.S2": {

    controllerName: "cus.sd.salesorder.monitor.Z_SD_SO_MOM_11.view.S2Custom",

    },

    },

    }

    }

    });


    f2.jpg (298.3 kB)
    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.