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>

 

完成...