Question

我有点卡住实现了骨干比较器，我基本上想要根据路由选择不同的排序方法，并使用比较器对集合进行排序。理想情况下，我希望将排序逻辑封装在集合中，但似乎陷入困境。例如

    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不是函数'）任何想法？

Answer 1

这里有一些问题。

这不符合你的想法：

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/

Answer 2

我在集合中编写了自定义方法，它将负责对升序和降序进行排序，并且还可以使用字母数字对记录进行适当的排序

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();
    }});

//您可以使用＆＃34;排序＆＃34;进行排序。方法（仔细查看大写S的Sort方法）

正确实现骨干比较器

2 个答案: