ListView 數據綁定的兩種方法

首先在.html文件中添加一個ListView

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

現在開始設置MyListView的DataSource

設置想要在ListView裏出現的數據dataList,然後綁定

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

 

第一種:直接在.js文件中實現

首先,獲取ListView

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

 

然後直接設置listView的itemDataSource屬性

listView.itemDataSource=myDataList.dataSource;

 

第二種:定義一個獲取dataSourse的命名空間

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

 

然後返回到.html文件中,在之前添加ListView的中div里加入如下語句:

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

 

完成...