Question

我使用以此格式检索回的JSON数据。这是我得到的数据样本。基本上我没有使用铁列表完成它，重复内部重复3级深度。但是我遇到了性能问题，并且想知道铁列表是否会有所帮助。

第一级锚定组将处于铁崩溃状态（用户可折叠），然后每组中将有一个带有标题的每个锚点的纸质卡片。标题下面是另一个铁路崩溃，将列出路线。

看看铁榜的例子，它看起来像是一维的。

anchor group
  -> anchor
      ->route
      ->route
anchor group
  -> anchor
      ->route
      ->route

这是显示器应如何显示的示例。

[ 
    {
        "anchors":[ 
            {"anchorid":1, 
             "routes":[ 
                 {"name":"route 1", "routeid":1 },
                 {"name":"route 2", "routeid":2 },
                 {"name":"route 3", "routeid":3 }  
             ] 
            },
            {"anchorid":2, 
             "routes":[ 
                 {"name":"route 4", "routeid":4 },
                 {"name":"route 5", "routeid":5 },
                 {"name":"route 6", "routeid":6 }  
             ] 
            }
        ]
    },
    {
        "anchors":[ 
            {"anchorid":3, 
             "routes":[ 
                 {"name":"route 7", "routeid":7 },
                 {"name":"route 8", "routeid":8 },
                 {"name":"route 9", "routeid":9 }  
             ] 
            },
            {"anchorid":4, 
             "routes":[ 
                 {"name":"route 10", "routeid":10 },
                 {"name":"route 11", "routeid":11 },
                 {"name":"route 12", "routeid":12 }  
             ] 
            }
        ]
    }
]

Answer 1

您可以使用Polymer iron-list绑定包含数组的数据对象。但是，它不支持群组，但会看到feature backlog的当前状态。

我不确定你想要在iron-list中完全显示什么，所以我在下面提供了一个典型的json结构（这是一种简化的PouchDB格式）。

示例json列表数据：

{
  "offset": 0,
  "total_rows": 2,
  "rows": [
    {
      "doc": {
        "_id": "1",
        "name": "one"
      }
    },
    {
      "doc": {
        "_id": "2",
        "name": "two"
      }
    }
  ]
}

html片段：

<iron-list id="my-list" items="{{listData.rows}}" as="item" class="fit">
    <template>
        <p>{{item.doc.name}}</p>
    </template>
</iron-list>

如何使用带有子数组的数组的铁列表

1 个答案: