使用自定义数组列表的winjs数据绑定

WinJs-Data Binding with a custom arrayList

本文关键字：winjs 数据绑定 列表 数组 自定义      更新时间：2023-09-26

这对我来说似乎很复杂，我已经尝试了很多事情，但没有结果。我想在我的Metro应用程序(Winjs/HTML)上创建一个水平列表视图，因此创建模板和listView HTML元素。问题，数据源从哪里我将得到我的image_url是先进的。这是从我的Json web服务返回的这个数据源的形式(我不知道它是否是一个哈希表，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 "
}

我应该设置特定的属性来绑定我的在这里输入代码

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

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

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 .

相关文章：