www.cftea.com

一起学 WinJS-数据绑定

ITPOW2017/3/23 20:42:42

我们现在在创建一个 Repeater 控件,并且通过绑定向其中添加数据。

HTML 代码

data-win-options 中 data 属性对应的是一个 WinJS.Binding.List 对象。

内部循环用 data-win-bind 来绑定,其中第一个参数是目标属性名称,第二个参数是 dataList 中的属性名称。

注意:data-win-options 跟的是 JSON 格式,data-win-bind 不是。

也可用 WinJS.Binding.setAttribute 来替代声明式绑定。

JS 代码

放在 main.js 根目录。

显示效果

repeater

多个绑定属性

前面的我们在创建 dataList 时,其数组的每一项是一个对象,我们只用到了对象的一个属性,如果要用两个,就用分号隔开,如下:

 

<<返回首页<<