polymer - 在更改排序模式时刷新 dom-repeat - 无需对数组集进行突变即可进行排序

Question

我有一个 dom-repeat 模板，我希望能够实时对列表进行排序。所以，我的做法是下面的方式。但是，当用户从 paper-menu 选择新选项时，我需要一种方法来刷新 dom-repeat 。

通常，对结果集数组进行修改即可实现。但在这种情况下，列表排序的更改不需要添加或删除该数组集中的任何内容(因此没有数组突变)。

我怎样才能得到<template is="dom-repeat" items="[[pic.results173]]" as="url" sort="_sortList">刷新？

<paper-menu-button>
  <paper-button class="dropdown-trigger" raised>
    <iron-icon icon="visibility"></iron-icon>
    <span>View By</span>
  </paper-button>
  <paper-menu id="viewMode" class="dropdown-content" selected="0">
    <paper-item>Most Recent</paper-item>
    <paper-item>Least Recent</paper-item>
    <paper-item>Highest Price</paper-item>

<小时/>

  <template is="dom-repeat" items="[[pic.results173]]" 
    as="url" sort="_sortList">

<小时/>

  _sortList: function(first, second) {
    var el = this.$.viewMode;
    var listMode;
    switch(el.selected) {
      case 0:
        listMode = this._mostRecent(first , second);
        break;
    }
    return listMode;
  },

Answer 1

开发者指南有您的答案。为您的模板提供一个 id(例如 id="list")并调用 this.$.list.render()