バックボーンでモデルをクローンする方法

Question

私は特定のビューで編集できるモデルを持っています。ただし、ビューの一番下には、すべての変更を保存または破棄するためのオプションが必要です。つまり、モデルに加えるすべての変更のリストを保存してから、「保存」ボタンをクリックした後で変更を加える必要があります。これは不必要に複雑に思えます。私はモデルのクローンを作成し、それをビュー内で変更する代替アプローチのアイデアを思いつきました。次に、ユーザーが「保存」をクリックすると、古いモデルを削除し、そのモデルを新しいモデルに置き換えます。そうでなければ、クローンモデルを破棄します。

これは許容されるアプローチですが、もしそうなら、どのようにしてクローニングプロセスを実装できますか？

これは、サーバーからデータを再度取得することと同じです（ただし、余分なHTTP要求は不要です）。

Answer 1

cloneメソッドを使用できます。以下のショート例：あなたはBackbone.Mementoを試してみることができます

var Model = Backbone.Model.extend({}); 
var View = Backbone.View.extend({ 
    initialize: function() { 
     // save the attributes up front, removing references 
     this._modelAttributes = _.extend({}, this.model.attributes); 
    }, 
    onSave: function() { 
     // revert to initial state. 
     this.model.set(this._modelAttributes); 
    } 
}); 

Answer 2

：

var Model = Backbone.Model.extend({}); 
var View = Backbone.View.extend({ 
    initialize: function() { 
     this.realModel = this.model; 
     this.model = this.realModel.clone(); 
    }, 
    onSave: function() { 
     this.realModel.set(this.model.attributes); 
    } 
}); 

また少し違う何かを行うことができます。

使用しない場合は問題ありません。しかし、コードベースからどのように行うべきかについて、良い考えを得ることができます。

Answer 3

私は通常、この問題をビューのオブジェクトキャッシュで解決します。そうすれば、モデル/ビュー管理に不要なオーバーヘッドを追加することはありません。ユーザーが保存せずにビューを閉じた場合、破棄は自然に発生します。

var Model = Backbone.Model.extend({ 
    'title': 'Hello' 
}); 

var View = Backbone.View.extend({ 
    initialize: function() { 

     // Holds temporary values until save 
     this.cache = {}; 

    }, 
    onTitle: function() { 
     this.cache.title = 'World'; 
    }, 
    onSave: function() { 
     this.model.set(this.cache); 
    } 
});