Thực hành tốt nhất cho việc di chuyển mô hình xương sống trong một bộ sưu tập

Question

Câu hỏi liên quan -

BackboneJS best way to rearrange models in a collection while maintaining 0-indexed ordinal property for each model

How can I move a model within a collection?

Tôi có một bộ sưu tập Backbone, đại diện trực quan trong một danh sách. Danh sách này là kéo/droppable. Bất kỳ mục nào cũng có thể được chuyển đến một vị trí tùy ý trong bộ sưu tập (ví dụ - không phải là một loại). Tôi đã thấy một số ví dụ sử dụng tính năng xóa/thêm gốc của bộ sưu tập để đặt mô hình vào đúng vị trí. Tuy nhiên, các cuộc gọi nội bộ Backbone được thiết lập khi các mô hình được thêm vào, sau đó gọi một loạt các phương thức liên quan đến các sự kiện và sắp xếp nó ở cuối. Có nhược điểm nào khi chỉ nối mô hình vào đúng vị trí?

Xóa/Thêm: Xem ví dụ trong câu hỏi được liên kết đầu tiên.

Splice: Thứ hai ví dụ

Function Tôi hiện đang sử dụng:

moveTo: function(oldIndex, newIndex){ 
     oldIndex = oldIndex instanceof Backbone.Model ? this.at(oldIndex) : oldIndex; 
     var spliced = this.models.splice(oldIndex, 1); 
     this.models.splice(newIndex, 0, spliced[0]); 
     this.trigger("move",[oldIndex,newIndex]); 
    }, 

Answer 1

tôi đã viết giải pháp này cho dự án gần đây nhất của tôi. Nó có vẻ là một giao diện tương tự với những gì bạn mô tả - một danh sách có thể sắp xếp. Phương pháp này được liên kết với bộ sưu tập.

reorder: function(new_index, original_index) { 
    // If nothing is being changed, don't bother 
    if (new_index === original_index) return this; 
    // Get the model being moved 
    var temp = collection.at(original_index); 
    // Remove it 
    collection.remove(temp); 
    // Add it back in at the new index 
    collection.add(temp, { at: new_index }); 
    return this; 
} 

Hầu hết mã của riêng tôi đã bị xóa nhưng đó là chức năng chính. Backbone's at tùy chọn làm cho điều này thực sự dễ dàng.