Question

根据官方文档，当我做这样的事情时：

collection.fetch({update: true, remove: false})

我为每个新模型获得一个“添加”事件，并为每个更改的现有模型获得“更改”事件，而不删除任何内容。

为什么我调用静态数据源（集合的url总是返回相同的json）为每个收到的项调用add事件？

这里有一些代码（我没有渲染任何东西，我只是在调试）：

<!doctype html>
<html>
  <head>
    <title>Example</title>
  </head>
  <body>
    <a href="#refresh">Refresh</a>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/underscore-min.js"></script>
    <script src="js/backbone-min.js"></script>
    <script src="js/main.js"></script>
  </body>
</html>

继承人JS

(function($){
    //Twitter Model
    ModelsTwitt = Backbone.Model.extend({});
    //Twitter Collection
    CollectionsTwitts = Backbone.Collection.extend({
        model:ModelsTwitt,
        initialize:function(){
            console.log('Twitter App Started');
        },
        url:'data/195.json'
    });
    //Twitts View
    ViewsTwitts = Backbone.View.extend({
        el:$('#twitter-list'),
        initialize:function(){
            _.bindAll(this, 'render');
            this.collection.bind('reset',this.render);
            this.collection.bind('add',this.add);
        },
        render:function(){
            console.log("This is the collection",this.collection);
        },
        add:function(model){
            console.log("add event called",model);  
        }
    });
    //Twitter Router
    Router = Backbone.Router.extend({
        routes:{
            '':'defaultRoute',//Default list twitts route
            'refresh':'refreshView'
        },
        defaultRoute:function(){
            this.twitts = new CollectionsTwitts();
            new ViewsTwitts({collection:this.twitts});
            this.twitts.fetch();
        },
        refreshView:function(){
            this.twitts.fetch({update:true,remove:false});
        }
    });
    var appRouter = new Router();
    Backbone.history.start();
})(jQuery);

基本上，我使用defaultroute获取集合，使用所有模型和属性正确获取它。

当我点击刷新链接时，我调用了refreshView，它基本上尝试使用新模型更新集合。我不明白为什么如果响应相同，集合的所有模型都被检测为新的，触发添加？

Heres a functional link:打开控制台，即使收集相同，您也会看到在点击刷新时如何调用添加事件。

感谢您的帮助。

Answer 1

我的猜测是你的模型没有idAttribute (doc)。 Backbone查找的默认密钥是id，而您的JSON条目没有，因此它无法分辨哪些模型已经存在。

尝试将模型更改为此模式（或其他密钥，如果此模型不唯一）：

ModelsTwitt = Backbone.Model.extend({
  idAttribute: 'id_event'
});

使用带有主干的fetch更新集合

1 个答案: