javascript - WinJs-数据绑定与自定义arrayList

Question

在我看来这很复杂，我尝试了很多事情但没有结果。我想在我的 Metro 应用程序 (Winjs/HTML) 上创建一个水平列表视图，因此创建模板和 listView html 元素。我将从中获取 image_url 的 DataSource 的问题是高级的。这是从我的 Json Web Service 返回的这个 DataSource 的形式（我不知道它是不是一个 HashTable、ListArray...？？）：

"path_categories":
{
"star":"the image url ",
"Fruits ": " the image url ",
"Animaux":"the image url ",
"Country":"the image url ",
"Coulor":"the image url ",
"Town":"the image url ",
"capital":"the image url "
}

我在这里设置了特定属性以与我的输入代码绑定

任何帮助将不胜感激，认为

Answer 1

您的视图模型需要使用传入的数据并公开类似这样的项目。

var ViewModel = WinJS.Class.define(
    function ViewModel(data)
    {
        var categories = data.path_categories;
        var keys = object.keys(categories);
        var items = [];
        for (var i = 0; i < keys.length; i++)
        {
            var imageUrl = categories[key];
            var item = { imageUrl : imageUrl };
            items.push(item);
        }

        this.items = new WinJS.Binding.List(items);
    });

function ondataload(data)
{
    var viewModel = new ViewModel(data);
    listView.winControl.itemDataSource = viewModel.items.dataSource;
}

HTH。