Hi All
This is my first Fiori app for POC.
I started implementing the standard timesheet approval app and was stuck at error: (Not sure whether am following right steps)
Unable to get property ‘Container’ of undefined or null reference. fails at container property at index.html
What am trying to achieve?
Use standard front end SAP fiori timesheet approval app without any extensions with custom odata service to read our data.
What am doing:
Catalogues:
Semantic object: ztpvextension
Action: Approve
Target Mapping:
Application Type: SAP Fiori App using LPD_CUST
Launchpadrole: ZTIMESHEET - DSS timesheet
Application Alias: ztpvextension
Application ID: . left blank
App throughs same error if running from BSP application or from Launchpad from our gateway server after deployment.
But runs without any issue on cloud Web IDE and returns records for approvals.
Troubleshooting steps already performed:
Current SAP UI5 version we use – 1.38.6
Gateway version – 7.5 sp-level 5
Tried running with 1.38.6 AND older versions of SAP UI5 on web IDE cloud and runs without any issue.
I have attached index.html and component.js files to this email.
Please note that this is my first fiori app and any suggestions would be much appreciated.
Looks like am missing some steps.
Thanks
Sandeep
index.html file:
<!DOCTYPE HTML>
<html>
<!-- Copyright (c) 2014 SAP AG, All Rights Reserved -->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Extension Project in UShell Sandbox</title> <script type="text/javascript">
window["sap-ushell-config"] = {
defaultRenderer : "fiorisandbox",
services: {
NavTargetResolution: {
// navigation target resolution service is configured to resolve the empty location hash to the application
config : {
resolveLocal : [ {
"linkId" : "",
resolveTo : {
additionalInformation : "SAPUI5.Component=hcm.approve.timesheet.ztpvextension",
applicationType : "URL",
url : "./" + window.location.search // pass URL query parameters to application
}
}]
}
}
}
};
</script>
<script src="test-resources/sap/ushell/bootstrap/sandbox.js" id="sap-ushell-bootstrap"></script>
<!--Bootstrap the UI5 core library -->
<script id="sap-ui-bootstrap"
src="resources/sap-ui-core.js"
data-sap-ui-libs="sap.m"
data-sap-ui-theme="sap_bluecrystal"
data-sap-ui-xx-bindingSyntax="complex"
data-sap-ui-compatVersion="1.16"
data-sap-ui-resourceroots='{"hcm.approve.timesheet.ztpvextension": "./"}'>
</script>
<!-- Create the unified shell default renderer control and add it to the page -->
<script type="text/javascript">
sap.ui.getCore().attachInitEvent(function() {
sap.ushell.Container.createRenderer().placeAt("content");
});
</script>
</head>
<!-- UI Content -->
<body class="sapUiBody" id="content">
</body>
</html>