4

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

[
{
    "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" 从所有创建的项目中获取一项

4

1 回答 1

3

首先将 s剥离frasi到一个 Array 中。您可以使用 underscore.js

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

然后用它来构建你的ListView

于 2013-04-11T18:30:05.383 回答