您的位置:首页 > 其它

ListView 数据绑定的两种方法

kobbbb 2013-01-20 11:51 113 查看
首先在.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>


完成...
标签: