如何在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.中没有显示任何项目

代码出了什么问题？

BTW：我不喜欢下面的代码：

<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);