Skip to Content
0
Apr 21, 2014 at 11:09 AM

Data Modeling for controls using XML views(SAPUI5)

301 Views

Hello ,

I am trying to create Table control using XML view and binding data to it through controller onInit method.

XML View Code is as follows :

<core:View xmlns="sap.m" xmlns:l="sap.ui.layout" xmlns:core="sap.ui.core">

<l:VerticalLayout width="100%">

<l:content>

<Text id="description" class="marginAll" />

<Table id="idProductsTable" items="{

path:'/businessData'

}">

<headerToolbar>

<Toolbar>

<Label text="Products"></Label>

</Toolbar>

</headerToolbar>

<columns>

<Column>

<Label text="Product" />

</Column>

<Column>

<Label text="Supplier" />

</Column>

<Column>

<Label text="Dimensions" />

</Column>

</columns>

<items>

<ColumnListItem>

<cells>

<ObjectIdentifier title="{COUNTRY}" text="{COUNTRY}" />

</cells>

<Text text="{REGION}"></Text>

<Text text="{CITY}"></Text>

</ColumnListItem>

</items>

</Table>

</l:content>

</l:VerticalLayout>

</core:View>

Controller onInit method Code is as follows :

var oData = {

businessData : [ {

'COUNTRY' : "Canada",

'CITY' : "Toronto",

'REGION' : "US",

'LANGUAGE' : "English"

}, {

'COUNTRY' : "China",

'CITY' : "Bejeing",

'REGION' : "Ashia",

'LANGUAGE' : "Chinese"

} ]

};

var demoJSONModel = new sap.ui.model.json.JSONModel();

demoJSONModel.setData(oData);

sap.ui.getCore().getElementById("idProductsTable").setModel(

demoJSONModel);

Same thing when i tried with JS views , it worked however through XML view , I am getting empty table.

Is the data modeling correct for XML views?

Thanks,

Mahesh.