I want to connect to a web service and display results in a WinJS ListView. The web service returns JSON. So far I have this markup:
<div id="mediumListIconTextTemplate" data-win-control="WinJS.Binding.Template">
<div>
<h4 data-win-bind="innerText: title"></h4>
</div>
</div>
<div id="basicListView" data-win-control="WinJS.UI.ListView"
data-win-options="{itemDataSource : DataExample.itemList.dataSource,
itemTemplate: select('#mediumListIconTextTemplate')}">
</div>
Here's what I think I need to do in JS:
- Use
WinJS.xhr
to get JSON data from the web service. - Create an array of data elements from the returned JSON
- Use
WinJS.Binding.List
to create a List from the array
What am I missing? Where do I call WinJS.Binding.processAll(my_listview, data_list)
?