Backbone.jsサーバーからインプレースでモデルを更新する

Question

ここにシナリオがあります。ページは、集計されたデータをユーザーに表示するウィジェットのコレクションをレンダリングします。このデータはAPIから取得され、定期的に再計算されます。これらを表示するのはうまくいきます（stackoverflowの人たちのおかげ）。しかし、サーバ上でデータが変更されたときにビューを再レンダリングするのは難しいです。

特に、1つだけがデータを更新した場合は、すべてのページのウィジェットを再レンダリングしないようにする方が効率的です（10以上も可能）。コレクションをある間隔で取得するのは簡単ですが、モデルをレンダリングする際のベストプラクティスは何ですか？私はsync関数を上書きすることについて様々な投稿を見たことがありますが、実際にどこに行くのかは分かりません。

（ページに再追加するのではなく）インプレースでビューを再レンダリングする方法はありますか？私は何が必要だと思う

本当にありがとうございました

Answer 1

は、コレクション全体をリフレッシュせずにコレクションの中に、既存のモデルの更新です。 my answer hereを確認してください。

Answer 2

モデル/コレクションの特定の変更にバインドして、ウィジェットのレンダリングメソッドをトリガーすることができます。たとえば、モデル上：

var Widget1=Backbone.View.extend({ 
    initialize: function() { 
     // all changes on the model will render the widget 
     this.model.on("change", this.render, this); 
    }, 

    render: function() { 
     console.log("Render W1"); 
     this.$el.html("W1 :"+this.model.get("name")+" "+this.model.get("detail")); 
     return this; 
    } 
}); 
var Widget2=Backbone.View.extend({ 
    initialize: function() { 
     // only a change on `detail` will render the widget 
     this.model.on("change:detail", this.render, this); 
    }, 

    render: function() { 
     console.log("Render W2"); 
     this.$el.html("W2 :"+this.model.get("detail")); 
     return this;  
    } 
}); 

素敵なユーティリティ関数のように思えるhttp://jsfiddle.net/GqnKC/