Bộ sưu tập Backbone.js có nhiều loại

Question

Tôi có danh sách việc cần làm với tên và ngày tháng. Tôi muốn có thể sắp xếp danh sách bằng cách sử dụng tiêu đề hoặc cho đến ngày. Làm thế nào tôi sẽ làm điều này? Công cụ so sánh chỉ cho phép một loại phân loại.

Cảm ơn.

Answer 1

Tôi nghĩ rằng tôi tìm thấy một phương pháp:

collection.reset(collection.sortBy(function(item){ 
    return item.get(sortingFIeld); 
})) 

đâu SortBy trả về một, sắp xếp mảng mới được thông qua như là đối số để thiết lập lại. SortingField là thuộc tính chuỗi của mô hình.

Answer 2

Bạn có thể cần phải nhìn vào the answer here, đây là giải pháp cung cấp trong bài viết rằng:

comparator: function(item) { 
    return [item.get("level"), item.get("title")] 
} 

Answer 3

Có thể thực hiện logic hơn vào so sánh để bạn có thể trừu tượng đi một số logic sắp xếp:

var Collection = Backbone.Collection.extend({ 

    model: myModel, 
    order: 'name' 

    comparator: function(model) { 
     if (this.order === 'name') { 
      return model.get('name'); 
     } else { 
      return model.get('date'); //or modify date into a numeric value 
     } 
    } 
}); 

Sau đó, để thay đổi cách bạn muốn nó được sắp xếp:

myCollection.order = 'date'; 
myCollection.sort(); 

Điều này sẽ gọi hàm so sánh và sắp xếp theo cách này.

Bạn có thể nghe cho resorting trong một cái nhìn:

this.listenTo(myCollection,'sort',this.render); 

này có lợi thế nói thêm rằng mỗi khi một mô hình được thêm vào, nó gọi là so sánh và sắp xếp nó sử dụng bất cứ thiết lập hiện tại của bạn, bởi vì phương pháp sắp xếp được lưu trữ trong bộ sưu tập.