刷新 dom - 重复排序模式的更改 - 不需要对数组集进行更改以进行排序
Refresh dom-repeat on a change of sort mode - no mutation needed to array set for sort
我有一个 dom-repeat 模板,我希望能够实时对列表进行排序。所以,我的方法是下面的方法。但是,我需要一种方法来刷新 dom-当用户从 paper-menu
中选择新选择时重复。
通常,修改结果集数组即可。但在这种情况下,对列表排序的更改不需要添加或删除该数组集中的任何内容(因此没有数组突变)。
如何让 <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;
},
开发者指南有你的答案。给你的模板一个id(比如id="list")然后调用this.$.list.render()
我有一个 dom-repeat 模板,我希望能够实时对列表进行排序。所以,我的方法是下面的方法。但是,我需要一种方法来刷新 dom-当用户从 paper-menu
中选择新选择时重复。
通常,修改结果集数组即可。但在这种情况下,对列表排序的更改不需要添加或删除该数组集中的任何内容(因此没有数组突变)。
如何让 <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;
},
开发者指南有你的答案。给你的模板一个id(比如id="list")然后调用this.$.list.render()