<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Table Binding</title>
<script
src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js"
id="sap-ui-bootstrap"
data-sap-ui-theme="sap_bluecrystal"
data-sap-ui-xx-bindingSyntax="complex"
data-sap-ui-libs="sap.m"></script>
<script id="tableView" type="sapui5/xmlview">
<mvc:View
controllerName="myContoller"
xmlns:l="sap.ui.layout"
xmlns:mvc="sap.ui.core.mvc"
xmlns:core="sap.ui.core"
xmlns="sap.m"
class="viewPadding">
<App>
<pages>
<Page
title="Table Data"
class="marginBoxContent" >
<content>
<Table
id="locationTable"
items="{
path:'/modelData',
filters: [{ path: 'IS_ENABLED', operator: 'EQ', value1: 0}]
}" >
<columns>
<Column>
<header>
<Text text="Address" />
</header>
</Column>
<Column>
<header>
<Text text="City" />
</header>
</Column>
</columns>
<ColumnListItem>
<cells>
<Text text="{ADDRESS}" />
<Text text="{CITY}" />
</cells>
</ColumnListItem>
</Table>
</content>
</Page>
</pages>
</App>
</mvc:View>
</script>
<script>
sap.ui.controller("myContoller", {
onInit: function() {
var model = new sap.ui.model.json.JSONModel({
modelData: [
{
ADDRESS: "LAKE DR",
CITY: "ISSAQUAH",
IS_ENABLED:0
},
{
ADDRESS: "LAKE DR",
CITY: "ISSAQUAH",
IS_ENABLED:1
},
{
ADDRESS: "LAKE MP",
CITY: "ISSAQUAH",
IS_ENABLED:0
},
{
ADDRESS: "LAKE MP",
CITY: "ISSAQUAH",
IS_ENABLED:1
}
]
});
sap.ui.getCore().setModel(model);
},
onPress: function(){
var m = sap.ui.getCore().getModel('editModel');
m.setProperty('/edit', !m.getProperty('/edit'));
}
});
var oView = sap.ui.xmlview({
viewContent: jQuery('#tableView').html()
}).placeAt('content');
</script>
</head>
<body class="sapUiBody">
<div id='content'></div>
</body>
</html>
// Code goes here
/* Styles go here */