如何按排序此jsBin中的数据item.order。（文件）
<html>
<head>
<title>My Element</title>
<script data-require="polymer@*" data-semver="1.0.0" src="http://www.polymer-project.org/1.0/samples/components/webcomponentsjs/webcomponents-lite.js"></script>
<script data-require="polymer@*" data-semver="1.0.0" src="http://www.polymer-project.org/1.0/samples/components/polymer/polymer.html"></script>
<base href="http://element-party.xyz/" />
<link rel="import" href="all-elements.html" />
</head>
<body>
<dom-module id="my-element">
<template>
<firebase-collection location="https://dinosaur-facts.firebaseio.com/dinosaurs"
data="{{items}}"></firebase-collection>
<paper-input label="Search"
value="{{searchString::input}}"></paper-input>
<div>[[searchString]]</div>
<div>[[sortby]]</div>
<paper-dropdown-menu label="Sort by">
<paper-menu class="dropdown-content"
selected="{{sortby}}"
attr-for-selected="data-sortby">
<paper-item data-sortby="none" >None </paper-item>
<paper-item data-sortby="order">Order</paper-item>
</paper-menu>
</paper-dropdown-menu>
<template is="dom-repeat" items="{{items}}" as="item"
filter="{{computeFilter(searchString)}}"
sort="{{computeSort(sortby)}}">
<div>[[item.__firebaseKey__]], [[item.order]]</div>
</template>
</template>
<script>
Polymer({
is: "my-element",
computeFilter: function(string) {
if (!string) {
// set filter to null to disable filtering
return null;
} else {
// return a filter function for the current search string
string = string.toLowerCase();
return function(item) {
var name = item.__firebaseKey__.toLowerCase();
var order = item.order.toLowerCase();
return (name.indexOf(string) != -1 ||
order.indexOf(string) != -1);
};
}
},
computeSort: function(string) {
/* What function goes here? To sort by 'item.order' in reverse.
function(a, b) {
return b[string] - a[string];
}
*/
},
properties: {
items: {
type: Array
}
}
});
</script>
</dom-module>
<my-element></my-element>
</body>
</html>
您的排序没有绑定到属性，因此不需要花括号{}。
您需要以以下形式格式化排序函数：该函数采用两个参数（每个要排序的值使用一个参数），并根据以下规则返回-1、1或0：
有关更多信息，请参见Array.prototype.sort（）。
http://jsbin.com/zaxogonuxa/edit?html，输出
<template>
<firebase-collection location="https://dinosaur-facts.firebaseio.com/dinosaurs" data="{{items}}"></firebase-collection>
<paper-input label="Search" value="{{searchString::input}}"></paper-input>
<div>[[searchString]]</div>
<div>[[sortby]]</div>
<paper-dropdown-menu label="Sort by">
<paper-menu class="dropdown-content" selected="{{sortby}}" attr-for-selected="data-sortby">
<paper-item data-sortby="none">None </paper-item>
<paper-item data-sortby="order">Order</paper-item>
</paper-menu>
</paper-dropdown-menu>
<template is="dom-repeat" items="{{items}}" as="item" filter="{{computeFilter(searchString)}}" sort="_computeSort">
<div>[[item.__firebaseKey__]], [[item.order]]</div>
</template>
</template>
<script>
Polymer({
is: "my-element",
computeFilter: function(string) {
if (!string) {
// set filter to null to disable filtering
return null;
} else {
// return a filter function for the current search string
string = string.toLowerCase();
return function(item) {
var name = item.__firebaseKey__.toLowerCase();
var order = item.order.toLowerCase();
return (name.indexOf(string) != -1 ||
order.indexOf(string) != -1);
};
}
},
_computeSort: function(a, b) {
if (a.__firebaseKey__ == b.__firebaseKey__) {
return 0;
}
return a.__firebaseKey__ > b.__firebaseKey__ ? -1 : 1;
},
properties: {
items: {
type: Array
}
}
});
</script>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句