javascript - 如何在JS代码中设置WinJS.UI.Repeater控件的数据？

Question

我正在使用 JavaScript 开发 Windows 应用商店应用程序。

如何在JS代码中设置WinJS.UI.Repeater控件的数据？这是一个非常简单的问题，但我不知道该怎么做。这是我的 HTML:

<div id="imgRepeater" data-win-control="WinJS.UI.Repeater">
   <img data-win-bind="src: src" />
</div> 

这是我的 JS 代码:

WinJS.UI.Pages.define("/pages/itemDetail/itemDetail.html", {
    ready: function (element, options) {
        var imgSrcArr = 
        [
           { src: '/img/a.jpg' }
        ];            
        var imgRepeater = element.querySelector("#imgRepeater");            
        imgRepeater.data = new WinJS.Binding.List(imgSrcArr);
    }
});

但是，中继器 div 中没有显示任何项目。

代码有什么问题吗？

顺便说一句:我不喜欢以下代码:

<div data-win-control="WinJS.UI.Repeater" data-win-options="{data: Data.items}"> 

它似乎使用了全局变量“Data.items”。

Answer 1

我自己解决了，最后一行应该是:

imgRepeater.winControl.data = new WinJS.Binding.List(imgSrcArr);