Skip to content

Instantly share code, notes, and snippets.

@se38

se38/index.html

Last active September 8, 2023 12:01
Show Gist options
  • Save se38/8322054 to your computer and use it in GitHub Desktop.
Save se38/8322054 to your computer and use it in GitHub Desktop.
Download ZIP
Binding problems with UI5 and XML views
Raw
index.html
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script src="resources/sap-ui-core.js"
id="sap-ui-bootstrap"
data-sap-ui-libs="sap.m"
data-sap-ui-theme="sap_bluecrystal">
</script>
<script>
sap.ui.localResources("ui5test");
var app = new sap.m.App({initialPage:"idstart1"});
var page = sap.ui.view({id:"idstart1", viewName:"ui5test.start", type:sap.ui.core.mvc.ViewType.XML});
app.addPage(page);
app.placeAt("content");
</script>
</head>
<body class="sapUiBody">
<div id="content"></div>
</body>
</html>
Raw
start.controller.js
sap.ui.controller("ui5test.start", {
onInit: function() {
var oModel = new sap.ui.model.json.JSONModel(
{
"value1": "Doesn't work",
"value2" : "Does work"
});
sap.ui.getCore().setModel(oModel);
}
});
Raw
start.view.xml
<core:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m"
controllerName="ui5test.start" xmlns:html="http://www.w3.org/1999/xhtml">
<Page title="Title">
<content>
<Input
id="idInput1"
type="Text"
value="{
path : '/value1',
type : 'sap.ui.model.type.String',
constraints : {
minLength: 1,
maxLength: 10
}
}" />
<Input
id="idInput2"
type="Text"
value="{/value2}" />
<Text text="{ path : '/value1'}" />
<Text text="{/value2}" />
</content>
</Page>
</core:View>
@se38
Copy link
Author

se38 commented Jan 8, 2014

With JS view it is possible to add type information to a field, for example:

oControl = new sap.ui.commons.TextField({
value: {
path:"/company/revenue",
type: new sap.ui.model.type.Float({
minFractionDigits: 2,
maxFractionDigits: 2
})
}
})

See https://sapui5.netweaver.ondemand.com/sdk/#docs/guide/BindingProperties.html

I've tried the same with XML views (according to https://sapui5.hana.ondemand.com/sdk/test-resources/sap/m/demokit/explored/index.html#/code/inputChecked ) without success, see example in this gist. Am I doing something wrong?

@andresmafra
Copy link

Hi!

Is there anyway to build the sap ui control with a dynamic ID ? (Using XML view)
Like:

<Input  id="idInput{MyModelProperty}" />

Regards

@vinipolicena
Copy link

Hi Uwe,
I had the same problem.
The solution is to use data-sap-ui-xx-bindingSyntax="complex" in your bootstrap tag in index.html to activate the complex binding syntax in XML views. More info: https://sapui5.hana.ondemand.com/sdk/#docs/guide/91f37e746f4d1014b6dd926db0e91070.html

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment