Backbone.js: cách lọc đúng bộ sưu tập?

Question

Phương pháp hiện tại tôi đang sử dụng là để lọc một bộ sưu tập, mà trả về một mảng, và sử dụng

collection.reset(array) 

tái cư nó. Tuy nhiên, điều này sửa đổi bộ sưu tập ban đầu, vì vậy tôi đã thêm một mảng được gọi là "originalCollectionArray" theo dõi trạng thái mảng ban đầu của bộ sưu tập. Khi không có lọc đang hoạt động Tôi chỉ cần sử dụng

collection.reset(originalCollectionArray) 

Nhưng sau đó, tôi cần phải theo dõi thêm và loại bỏ các mô hình từ bộ sưu tập sản, vì vậy tôi đã làm điều này:

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

này nhanh chóng trở thành rườm rà khi tôi cố gắng thực hiện các thủ thuật khác liên quan đến thao tác thu thập, chẳng hạn như sắp xếp. Và thẳng thắn, mã của tôi trông hơi khó hiểu. Có một cách thanh lịch để làm điều này?

Cảm ơn

Answer 1

Bạn có thể tạo ra một bộ sưu tập như một thuộc tính của bộ sưu tập chính phản ánh tình trạng các bộ lọc:

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

Bộ sưu tập cha mẹ giữ mô hình của mình bất cứ bộ lọc mà bạn áp dụng, và bạn liên kết với bộ sưu tập được lọc để biết thời điểm xảy ra thay đổi. Ràng buộc nội bộ trên các sự kiện thêm và xóa cho phép bạn áp dụng lại bộ lọc. Xem http://jsfiddle.net/dQr7X/ để có bản trình diễn.

Answer 2

Sự cố lớn trên mã của bạn là bạn đang sử dụng mảng thô làm bản gốc thay vì Bộ sưu tập. Mã của tôi là gần gũi với bạn nhưng chỉ sử dụng bộ sưu tập, vì vậy các method như add, loại bỏ và bộ lọc hoạt động trên bản gốc:

var OriginalCollection = Backbone.Collection.extend({ 
    }); 
    var FilteredCollection = Backbone.Collection.extend({ 
    initialize: function(originalCol){ 
     this.originalCol = originalCol; 
     this.on('add', this.addInOriginal, this); 
     this.on('remove', this.removeInOriginal, this); 
    }, 
    addInOriginal: function(model){ 
     this.originalCol.add(model); 
    }, 
    removeInOriginal: function(model){ 
     this.originalCol.remove(model); 
    }, 
    filterBy: function(params){ 
     var filteredColl = this.originalCol.filter(function(item){ 
      // filter code... 
     }); 
     this.reset(filteredColl); 
    } 
    });