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が呼び出されます。これは、基本的にコレクションを新しいモデルで更新しようとします。私が理解していないのは、応答が同じである場合、コレクションのすべてのモデルが新しいものとして検出され、追加がトリガーされる理由です。

機能的なリンクは次のとおりです。コンソールを開くと、コレクションが同じ場合でも、[更新]をクリックすると追加イベントがどのように呼び出されるかがわかります。

ご協力いただきありがとうございます。

4

1 に答える 1

12

idAttribute 私の推測では、モデルには（doc）がありません。Backboneが検索するデフォルトのキーはですid。JSONエントリにはキーがないため、どのモデルがすでに存在しているかを判断できません。

モデルをこれ（または、これが一意でない場合は別のキー）に変更してみてください。

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