polymer - 如何在 Polymer 1.0 中对铁列表进行排序？

Question

我希望对铁列表中的数据进行排序(并且在将项目添加到数据数组中时对它们进行排序)。

示例(未排序)json 数据:

[
  {"name": "Zebra"},
  {"name": "Alligator"},
  {"name": "Lion"}
]

我尝试使用 indexAs 属性对 iron-list 进行排序，如下所示，但 API不清楚如何使用它:

<iron-ajax url="./data.json" last-response="{{data}}" auto></iron-ajax>
<iron-list items="[[data]]" as="item" index-as="name" class="fit">
  <template>
    <div>
      Name: <span>[[item.name]]</span>
    </div>
  </template>
</iron-list>

Answer 1

我不太确定是否有更原生的Polymer方式来做到这一点，但自己构建排序逻辑并不太复杂。

这个想法是监听response事件，对来自服务的数据进行排序，然后绑定(bind)iron-list的items到sortedData。

您需要将 on-response="_onResponseReceived" 添加到您的 iron-ajax 中。然后只需对返回的数据进行排序即可。

_onResponseReceived: function () {
    this.sortedData = this.data.sort(this._compare);
},

_compare: function (a, b) {
    if (a.name < b.name)
        return -1;
    if (a.name > b.name)
        return 1;
    return 0;
}

当然，iron-list 现在需要更新为

<iron-list items="[[sortedData]]" ...>