javascript - 使用 id 数组过滤和排序 Backbone 集合

Question

我对 Backbone 很陌生，所以我遇到了一些我不太明白的问题。

我有一个 Backbone 集合，其中包含 100 多件元素。我想用一组 id 过滤这些，这工作正常，但我希望项目的顺序也基于这个数组的项目顺序。那是行不通的。其他排序方法似乎是基于 asciibetical 的，这也不是我需要的。是否可以使用此过滤器获取项目，然后按照我定义的顺序将它们放入集合中？

我有一个用于过滤的 id 数组，该数组如下所示:

var dDefaultItems = ['1','2','146','3','4','9','26','8','96','10','11','54','145','273','38'];

收集和过滤的代码如下所示:

var ChannelCollection = Backbone.Collection.extend({        
    fetch : function() {
       var params = _.extend({}, arguments, { 
            data : { 
                "groupnumber" : "1000"
            }
        });
        this.constructor.__super__.fetch.apply(this, [params]);

    },

    model : Channel,

    url : function () {
        return utility.apiUrl('/myurl/tothething');  
    },

    filterData: function(params) {

        this.originalModels = this.models.slice();

        _.each(params, function(val, key){
            if (typeof val !== 'object') val = [ val ];
            this.models = _.filter(this.models, function(model){
                return _.indexOf(val, model.get(key)) !== -1;
            }, this);
        }, this);
        return this.reset(this.models).toJSON();
    },

    parse : function(json) {            

        return json.channelInfoList;
    }

 });

然后我用这段代码在 View 中呈现它(还有其他一些代码用于定义模型和其他我认为不相关的属性，我可能是错的，但我想有人会知道我需要什么从看这个。)

var ChannelListView = Backbone.View.extend({

    initialize: function() {
       var _this = this;

        currentChannelList = new ChannelCollection();

        currentChannelList.once("sync", function() {
           _this.render();
        });

        currentChannelList.fetch();
    },
    render : function() {
      var _this = this;

      $(_this.el).empty();

     dust.render("list-channels", { channelList : currentChannelList.filterData({id: dDefaultItems})} , function(err, html) {

        var $el = $(html).appendTo($(_this.el));
      });  
    }
 });   

Answer 1

除非您实现 Collection#comparator，否则 Backbone 集合会自动按插入顺序排序。问题是您的过滤算法没有产生有序的输出。

如果仅在按 id 过滤时需要维护有序集合，我建议实现一个单独的方法，因为与按任意属性搜索相比，按 id 搜索要快得多:

filterById: function(idArray) {
  return this.reset(_.map(idArray, function(id) { return this.get(id); }, this));  
}

用法:

collection.filterById(['1', '2', '146', '3', '4', '9', '26', '8', '96', '10', '11', '54',' 145', '273', '38']);