骨干關系：未觸發刪除事件

Question

我正在嘗試使用Backbone Relational建立一些模型，但是我不了解如何觸發remove事件。

這是我的模型代碼：

var Car = Backbone.RelationalModel.extend({
    idAttribute: "id"
});

var Cars = Backbone.Collection.extend({
    model: Car
});

var CarCollection = new Cars();

var User = Backbone.RelationalModel.extend({

    idAttribute: 'id',
    relations: [{
        type: Backbone.HasMany,
        key: 'model',
        relatedModel: Car,
        collectionType: Cars,
        includeInJSON: 'model',
        reverseRelation: {
            key: 'ownedBy',
            includeinJSON: 'name'
        }
    }]

  });

var Users = Backbone.Collection.extend({
    model: User
});

var UserCollection = new Users();

//Bootstrap data and put it in the collections

var carsData = [
    {id:1, model:'500',ownedBy:1},
    {id:2, model:'Corsa',ownedBy:2},
    {id:3, model:'Civic',ownedBy:2}
];

var usersData = [
    {id:1,name:'Dude'},
    {id:2,name:'Mark'}
];

CarCollection.add(carsData);
UserCollection.add(usersData);

我在JSON中得到的是：

UserCollection = {"id":1,"name":"Dude","model":["500"]}{"id":2,"name":"Mark","model":["Corsa","Civic"]}

CarCollection = {"id":1,"model":"500","ownedBy":"Dude"}{"id":2,"model":"Corsa","ownedBy":"Mark"}{"id":3,"model":"Civic","ownedBy":"Mark"}

現在，如果我像這樣向CarCollection添加元素：

CarCollection.add({id:4,model:'Prius',ownedBy:1};);

“ add”事件被觸發，但是如果我從集合中刪除一個元素：

var el = CarCollection.get(1);
CarCollection.remove(el);

沒有事件被觸發。

我已經通過一些解決方法解決了它，例如：

var el = CarCollection.get(1);
el.destroy();

或直接在Backbone.store中取消注冊：

Backbone.Relational.store.unregister(el);

或只是將ownedBy設置為null：

var el = CarCollection.get(1);
el.set("ownedBy",null);

這是插件的正確行為嗎？ 還是我以錯誤的方式配置了模型？ 感謝您的每一個答案。

Answer 1

您必須通過模型才能remove索引

Collection.remove(model)

您可以執行以下操作：

CarCollection.remove(CarCollection.at(0));

刪除索引為0或...的模型

CarCollection.remove(CarCollection.get(4));

刪除ID為4的模型