如何为此数据创建模型/商店？

Question

我有一个名为data.json的json文件，它包含以下json：

{
    "lists": [
        {
            "id":100,
            "title":"Grocery",
            "description":"Bryce & Madi",
            "items": [
                {
                    "name":"Milk",
                    "quantity":"2 Gallons",
                    "checked":false
                },
                {
                    "name":"Sugar",
                    "quantity":"2 Cups",
                    "checked":true
                }
            ]
        },
        {
            "id":200,
            "title":"Christmas",
            "description":"Our Christmas List",
            "items": [
                {
                    "name":"Shaver",
                    "quantity":"1",
                    "checked":false
                },
                {
                    "name":"Football",
                    "quantity":"1",
                    "checked":true
                }
            ]
        }
    ]
}

我正在尝试为这些数据创建一个模型/商店，以便我只能看到第一页上的主要列表，然后他们可以点击一个列表，然后将它们带到显示{{1}的页面在该列表中作为列表。

有人能指出我正确的方向吗？我一直在绕着这个结构缠绕我的问题。如果它有帮助，这就是我所拥有的：

items

Answer 1

我认为，您应该使用TreeStore和NestedList来满足您的需求。

“查看KitchenSink上UserInterface下的嵌套列表示例”可能会有所帮助。