7

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

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

基本上，我使用默认路由获取集合，它与所有模型和属性一起正确获取。

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

这是一个功能链接：打开控制台，即使集合相同，您也会看到当您单击刷新时如何调用添加事件。

谢谢你的帮助。

4

1 回答 1

12

我的猜测是您的模型没有idAttribute (doc)。Backbone 查找的默认键是id，并且您的 JSON 条目没有，因此它无法判断哪些模型已经存在。

尝试将您的模型更改为此（或另一个键，如果这不是唯一的）：

ModelsTwitt = Backbone.Model.extend({
  idAttribute: 'id_event'
});
于 2013-02-12T02:29:51.617 回答