binding is not working on table for sapui5 - sapui5

Question

I created xml view and controller to bind data.
I don't see any data.
Did I miss something?
<sap.ui.core.mvc:View controllerName="view.weeklyTasks"
xmlns="sap.m"
xmlns:sap.ui.core="sap.ui.core"
xmlns:sap.ui.core.mvc="sap.ui.core.mvc">
<Page title="Title">
<content>
<Table id="idProductsTable" noDataText="No data" items="{path: '/modelData'}" >
<columns>
<Column>
<Text text="Product" />
</Column>
<Column>
<Text text="Supplier" />
</Column>
</columns>
<items>
<ColumnListItem counter="0">
<cells>
<Text text="{name}"></Text>
<Text text="{date}"></Text>
</cells>
</ColumnListItem>
</items>
<headerToolbar>
<Toolbar>
<content>
<Label text="Weekly Tasks"></Label>
</content>
</Toolbar>
</headerToolbar>
</Table>
</content>
</Page>
</sap.ui.core.mvc:View>
sap.ui.controller("view.weeklyTasks", {
onInit: function() {
var aData = { modelData : [
{name: "Peter", date: "01012010"},
{name: "Petra", date: "01012011"},
{name: "Thomas", date: "01012012"},
{name: "John", date: "01012013"},
{name: "Maria", date: "01012014"}
]};
var oModel = new sap.ui.model.json.JSONModel(aData);
this.getView().setModel(oModel);
}
});

Answer 1

Ok now I could make things work.
1 - Add the parameter below to your bootstap
data-sap-ui-xx-bindingSyntax="complex"
More info regarding data-sap-ui-xx-binding Syntax:
Data Modeling for controls using XML views(SAPUI5)
SAP Help - SAPUI5 Configuration Options
2 - Your view is OK
<Page title="Title">
<content>
<Table id="idProductsTable" noDataText="No data" items="{path: '/modelData'}" >
<columns>
<Column>
<Text text="Product" />
</Column>
<Column>
<Text text="Supplier" />
</Column>
</columns>
<items>
<ColumnListItem >
<cells>
<Text text="{name}"></Text>
<Text text="{date}"></Text>
</cells>
</ColumnListItem>
</items>
</Table>
</content>
</Page>
3 - Update your controller fixing JSON format
onInit: function() {
var aData = { "modelData" : [
{"name": "Peter", "date": "01012010"},
{"name": "Petra", "date": "01012011"},
{"name": "Thomas", "date": "01012012"},
{"name": "John", "date": "01012013"},
{"name": "Maria", "date": "01012014"}
]};
var oModel = new sap.ui.model.json.JSONModel(aData);
this.getView().setModel(oModel);
// OR sap.ui.getCore().setModel(oModel);
}

Answer 2

I am looking to bind the items property in the controller so it can change dynamically, how would I go about doing this?
I imagine it would be something like oTable.items = "{odataURL}"
My URL current works if hardcoded in, but I am not sure how I could get the same results doing this in the controller.js

Answer 3

As per Question asked there is no need to make change in JSON format .
Normally we use Complex Binding when we have formatter/sorter or path added
we can achieve above result in other way also
just remove **path** from item and remove **data-sap-ui-xx-bindingSyntax="complex"** in index.html
<Table id="idProductsTable" noDataText="No data" items="{/modelData}">
<columns>
<Column>
<Text text="Product" />
</Column>
<Column>
<Text text="Supplier" />
</Column>
</columns>
<items>
<ColumnListItem >
<cells>
<Text text="{name}"></Text>
<Text text="{date}"></Text>
</cells>
</ColumnListItem>
</items>
</Table>