<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<title>Demo</title>
<script id="sap-ui-bootstrap" src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js"
data-sap-ui-libs="sap.m"
data-sap-ui-frameOptions="allow"
data-sap-ui-theme="sap_belize_plus"
data-sap-ui-compatVersion="edge"
data-sap-ui-preload="async"
data-sap-ui-resourceRoots='{"pricingTool": "./"}'
data-sap-ui-xx-componentPreload="off"
>
</script>
<script>
sap.ui.getCore().attachInit(function() {
sap.ui.component({
manifest: true,
name: "pricingTool",
}).then(function(createdComponent) {
sap.ui.require([
"sap/m/Shell",
"sap/ui/core/ComponentContainer",
], function(Shell, ComponentContainer) {
new Shell({
app: new ComponentContainer({
component: createdComponent,
height: "100%"
})
}).placeAt("content");
});
});
});
</script>
</head>
<body class="sapUiBody" id="content">
</body>
</html>
{
"_version": "1.10.0",
"start_url": "index.html",
"sap.app": {
"id": "pricingTool",
"type": "application",
"applicationVersion": {
"version": "1.0.0"
},
"dataSources": {
"inputs": {
"uri": "model/inputs.json",
"type": "JSON"
}
}
},
"sap.ui": {
"technology": "UI5",
"deviceTypes": {
"desktop": true,
"tablet": true,
"phone": true
},
"supportedThemes": [
"sap_hcb",
"sap_belize"
]
},
"sap.ui5": {
"dependencies": {
"minUI5Version": "1.40.0",
"libs": {
"sap.m": {}
}
},
"contentDensities": {
"compact": false,
"cozy": true
},
"models": {
"inputs": {
"dataSource": "inputs",
"preload": true
}
},
"rootView": {
"viewName": "pricingTool.view.Main",
"type": "XML",
"async": true
}
}
}
<mvc:View xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc" controllerName="pricingTool.controller.Main" displayBlock="true">
<App id="myApp">
<Page showHeader="false">
<Button text="{inputs>/propA}"></Button>
</Page>
</App>
</mvc:View>
sap.ui.define([
"sap/ui/core/UIComponent"
], function(UIComponent) {
"use strict";
return UIComponent.extend("pricingTool.Component", {
metadata: {
manifest: "json"
},
init: function() {
UIComponent.prototype.init.apply(this, arguments);
}
});
});
sap.ui.define([
"sap/ui/core/mvc/Controller"
], function(Controller) {
"use strict";
return Controller.extend("pricingTool.controller.Main", {
onInit: function() {
// Does nothing
}
});
});
{
"propA" : "testVal"
}