ListViewデータバインディングの2つの方法

まず.htmlファイルにListViewを追加します.

<div id="MyListView" data-win-control="WinJS.UI.ListView"></div>

今からMyListViewのDataSourceを設定します.
ListViewに表示したいデータdata Listを設定し、バインディングします.

var myDataList=new WinJS.Binding.List(dataList);

 
第一種類:直接に.jsファイルで実現する.
まず、ListViewを取得します.

var listView=document.getElementById("MyListView").winControl;

 
その後、直接にlistViewのitem DataSource属性を設定します.

listView.itemDataSource=myDataList.dataSource;

 
第二種類:dataSourseを取得するための名前空間を定義します.

var myNamespace={
itemList:myDataList};
WinJS.Namespace.define("MyDataSource", myNamespace);

 
ファイルに戻ります.これまでListViewを追加した中divに次のような文が入ります.

<div id="MyListView" data-win-control="WinJS.UI.ListView" data-win-options="{itemDataSource:MyDataSource.itemList.dataSource}">div>

 
…を完成させる