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.
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
4 Comments-
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>PAYMENTTERMS} {path:'PaymentTerms'}"/>
</core:FragmentDefinition>
-
-
Former MemberPosted on Jun 07, 2016 at 04:57 AMHi 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
2 Comments-
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",
},
},
}
}
});
-
-
Former MemberPosted 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",
},
},
}
}
});
Add a comment
-
Former MemberPosted 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",
},
},
}
}
});
Add a comment
Add a comment