Question

我知道如何用Json解析并将这样的文件绑定到listview：

[
{
    "key": "Arthur Schopenhauer",
    "numeroFrasi": 3,
    "foto" : "images/TEST.jpg",
},
{
    "key": "Nietzsche",
    "numeroFrasi": 1,
    "foto" : "images/TEST.jpg",
},
.........

但我无法理解也无法在Web上找到如何在这样的文件中绑定每个“frasi”（即数组）：

[
{
    "key": "Arthur Schopenhauer",
    "numeroFrasi": 3,
    "foto" : "images/TEST.jpg",
    "frasi": [
        "Fras1",
        "Frase 2 schopenahuer",
        "Frase 3 schopenhahuer"
    ]
},
{
    "key": "Nietzsche",
    "numeroFrasi": 1,
    "foto" : "images/TEST.jpg",
    "frasi": [
        "Frase 2 nietzsche",
        "Frase 3 nietzsche"
    ]
},
...............

我的对象不是一个数组，但它被定义为这样一个用Json解析的txt文件：

这是通用定义：

 (function () {
"use strict";

var list = new WinJS.Binding.List();
var groupedItems = list.createGrouped(
    function groupKeySelector(item) { return item.group.key; },
    function groupDataSelector(item) { return item.group; }
);


WinJS.xhr({ url: "/data/frasi.txt" }).then(function (xhr) {
    var items = JSON.parse(xhr.responseText);

    // Add the items to the WinJS.Binding.List
    items.forEach(function (item) {
        list.push(item);
    });
});

然后这是具体的定义（因为当我导航到我的页面时，我只选择一个“项目”，所以只有一个“键”，“numeriFrasi”，“foto”，“frasi”：

 WinJS.UI.Pages.define("/pages/itemDetail/itemDetail.html", {

    ready: function (element, options) {
        item = options && options.item ? Data.resolveItemReference(options.item) : Data.items.getAt(0);

“resolveItemReference”从所有创建的项目中获取一个项目

Answer 1

首先将frasi删除到数组。你可以使用underscore.js

frasis = YOUROBJECT.map(function(el){return el.frasi;});
frasis = _(frasis).faltten();

然后用它来构建你的ListView

如何将数组绑定到ListView

1 个答案: