我当前使用的方法是过滤一个集合,它返回一个数组,然后使用
collection.reset(array)
重新填充它。但是,这会修改原始集合,因此我添加了一个名为“originalCollectionArray”的数组,它跟踪集合的初始数组状态。当没有过滤处于活动状态时,我只需使用
collection.reset(originalCollectionArray)
但是,我需要跟踪在真实集合中添加和删除模型的情况,所以我这样做了:
// inside collection
initialize: function(params){
this.originalCollectionArray = params;
this.on('add', this.addInOriginal, this);
this.on('remove', this.removeInOriginal, this);
},
addInOriginal: function(model){
this.originalCollectionArray.push(model.attributes);
},
removeInOriginal: function(model){
this.originalTasks = _(this.originalTasks).reject(function(val){
return val.id == model.get('id');
});
},
filterBy: function(params){
this.reset(this.originalCollectionArray, {silent: true});
var filteredColl = this.filter(function(item){
// filter code...
});
this.reset(filteredColl);
}
当我尝试实现与集合操作相关的其他技巧(例如排序)时,这很快就会变得很麻烦。坦率地说,我的代码看起来有点老套。有没有一种优雅的方法来做到这一点?
Thanks
您可以创建一个集合作为主集合的属性,反映过滤器的状态:
var C = Backbone.Collection.extend({
initialize: function (models) {
this.filtered = new Backbone.Collection(models);
this.on('add', this.refilter);
this.on('remove', this.refilter);
},
filterBy: function (params){
var filteredColl = this.filter(function(item){
// ...
});
this.filtered.params = params;
this.filtered.reset(filteredColl);
},
refilter: function() {
this.filterBy(this.filtered.params);
}
});
无论您应用什么过滤器,父集合都会保留其模型,并且您可以绑定到过滤后的集合以了解何时发生更改。通过在添加和删除事件上进行内部绑定,您可以重新应用过滤器。看http://jsfiddle.net/dQr7X/进行演示。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)