正确实现主干比较器
正确实现主干比较器
提问于 2012-02-24 20:56:43
我在实现一个主干比较器时遇到了一些问题，我基本上想根据路由选择不同的排序方法，并使用比较器对集合进行排序。理想情况下，我希望将排序逻辑封装在集合中，但似乎被卡住了。例如
Requests = Backbone.Collection.extend({
model : Request,
comparator : function(ab) {
return -ab.id;
},
nooffers : function() {
return this.sortBy(function(ab) {
return ab.get('offers');
});
}
}); 因此，默认情况下，它基于默认的比较器进行排序-但在我的路由中，我希望能够重新排序，例如，执行以下操作
routes : {
"" : "index",
'/ordering/:order' : 'ordering'
},
ordering : function(theorder) {
ordering = theorder;
if(theorder == 'nooffers') {
Request.comparator = Request.nooffers();
}
Request.sort();
listView.render();
howitworksView.render();
}然而，在这种情况下，我得到一个错误('c.call不是一个函数‘)，有什么想法吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-02-25 02:28:00
这里有一些地方是错误的。
这并不是你所想的那样：
if(theorder == 'nooffers') {
Request.comparator = Request.nooffers();
}它执行nooffers方法并将其结果赋值给Request.comparator。但是sortBy返回排序后的列表：
nooffers : function() {
return this.sortBy(function(ab) {
return ab.get('offers');
});
}并且将该列表设置为比较器函数不会做任何有用的事情。
您希望更改赋值以使用函数，而不是其返回值：
if(theorder == 'nooffers') {
Request.comparator = Request.nooffers;
}并将该函数更改为有效的比较器函数：
nooffers : function(ab) {
return ab.get('offers');
}演示(打开控制台运行)：http://jsfiddle.net/ambiguous/AAZCa/
但是，让外部的人像这样摆弄集合的方法是很糟糕的，你不应该这样做。相反，您应该要求集合更改其顺序，如下所示：
var Requests = Backbone.Collection.extend({
model: Request,
comparator: function(ab) {
if(this._order_by == 'offers')
return ab.get('offers');
else if(this._order_by == 'id')
return -ab.id;
//...
},
order_by_offers: function() {
this._order_by = 'offers';
this.sort();
},
order_by_default: function() {
this._order_by = 'id';
this.sort();
},
_order_by: 'id'
});
//...
rs.order_by_offers();演示：http://jsfiddle.net/ambiguous/uM9av/
或者，您可以让集合交换自己的comparator，以避免comparator中的所有条件逻辑
var Requests = Backbone.Collection.extend({
model: Request,
initialize: function() {
this._order_by_id = this.comparator;
},
comparator: function(ab) {
return -ab.id;
},
order_by_offers: function() {
this.comparator = this._order_by_offers;
this.sort();
},
order_by_default: function() {
this.comparator = this._order_by_id;
this.sort();
},
_order_by_offers: function(ab) {
return ab.get('offers');
}
});演示：http://jsfiddle.net/ambiguous/Pjfq2/
Stack Overflow用户
发布于 2014-11-08 02:29:12
我在集合中编写了自定义方法，它将负责升序和降序排序，还会对带有字母数字的记录进行适当的排序
var LetterVariables = Backbone.Collection.extend({
initialize: function (id) {
//id of the table
this.id = id;
this.sortVar = "id"; //default sorting column
this.sOrder = "asc" //default sort order
},
//comparator function that will create a descending and an ascending order tot he view
comparator: function (item,itemb) {
var a=item.get(this.sortVar);
var b=itemb.get(this.sortVar);
if (this.sOrder == "asc") {
return this.SortCustom(a, b);
}
return -this.SortCustom(a, b);
},
SortCustom:function(a,b){
if (isNaN(a)) {
if (isNaN(b)) {
if (a > b) return 1; // before
if (b > a) return -1; // after
return 0;
}
return 1;
}
if (isNaN(b)) {
return -1;
}
if (+a > +b) return 1; // before
if (+b > +a) return -1; // after
return 0;
},
Sort: function (by, order) {
this.sOrder = order;
this.sortVar = by;
this.sort();
}});//可以使用sort方法进行排序( Sort方法请仔细查看大写S)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9431171
复制相关文章
相似问题
腾讯云开发者
